如果选择了其他选择选项列表,则禁用选择选项列表

时间:2014-09-04 20:44:15

标签: javascript select

我必须在表单中选择列表选项,其中,如果访问者将从选择列表中选择一个选项'第一阶段A'或者'第二阶段A'然后'第一阶段B'和第二阶段B'被禁用以选择和反过来,如果访问者将选择第一阶段B'或者'第二阶段B'然后'第一阶段A'和第二阶段A'被禁用。

这是一段示例代码,如果选中我想禁用某些部分

first stage A <select name="first-stage-A">
                <option value=""></option>
                <option value="first-stage-1-A-1">first-stage-A-1</option>
                <option value="first-stage-1-A-2">first-stage-A-2</option>
                <option value="first-stage-1-A-3">first-stage-A-3</option>
                <option value="first-stage-1-A-4">first-stage-A-4</option>
              </select><br />

first stage B <select name="first-stage-B">
                <option value=""></option>
                <option value="first-stage-1-B-1">first-stage-B-1</option>
                <option value="first-stage-1-B-2">first-stage-B-2</option>
                <option value="first-stage-1-B-3">first-stage-B-3</option>
                <option value="first-stage-1-B-4">first-stage-B-4</option>
              </select><br />

second stage A <select name="second-stage-A">
                 <option value=""></option>
                 <option value="second-stage-A-1">second-stage-A-1</option>
                 <option value="second-stage-A-2">second-stage-A-2</option>
                 <option value="second-stage-A-3">second-stage-A-3</option>
                 <option value="second-stage-A-4">second-stage-A-4</option>
               </select><br />

second stage B <select name="second-stage-B">
                  <option value=""></option>
                  <option value="second-stage-B-1">second-stage-B-1</option>
                  <option value="second-stage-B-1">second-stage-B-2</option>
                  <option value="second-stage-B-1">second-stage-B-3</option>
                  <option value="second-stage-B-1">second-stage-B-4</option>
               </select>

Fiddle

我将不胜感激任何帮助

0 个答案:

没有答案