仅显示基于先前表单选择的列表选项


Only show list option based on earlier form choice

这是我表单的一部分:

<label for="User">Select your account type:</label>
    <select name="usertype" for="usertype" id="usertype" required>
        <option value="1">Employee</option>
        <option value="2">Manager</option>
    </select>
<label for="User">Select the company you work for:</label>
    <select name="company" for="company" id="company" required>
        <?php
            include ('processors/generate-company-list.php');
        ?>
        <option value="NULL">I'll create my own company later</option>";
    </select>

我只希望<option value="NULL">I'll create my own company later</option>是可用的,如果他们选择成为一个经理较早的形式。这可能吗?

    <script type="text/javascript">
    function check(){
      var usertype=document.getElementById("usertype").value;
      if(usertype==2){
          document.getElementById("company").selectedIndex = "0";
        document.getElementById("company").disabled=true;
      }else{
        document.getElementById("company").disabled=false;
      }
    }
    </script>

        <label for="User">Select your account type:</label>
        <select name="usertype" for="usertype" id="usertype" required onchange='check();'>
            <option value="1">Employee</option>
            <option value="2">Manager</option>
        </select>
    <label for="User">Select the company you work for:</label>
        <select name="company" for="company" id="company" required>
            <?php
                include ('processors/generate-company-list.php');
            ?>
<option value="NULL">I'll create my own company later</option>";
              <option value="1"> listitem1 </option>";
              <option value="1"> listitem2</option>";

        </select>

我使用javascript函数选择0索引,每当选择管理器和禁用第二个选择框。