如何在任何一个onchange中管理所有选择框?

时间:2016-08-15 11:51:03

标签: javascript jquery

我在网页上列出了工作日,每天都有一个选择框,如下所示

main = runListT $ do
  string <- ListT stuff
  ListT $ doThings string

如果我选择&#34; day2&#34;然后我怎么能让所有其他人选择框值默认或为null,以及如果我选择&#34; day1&#34;那么day2和day3应该是default或null使用jQuery

1 个答案:

答案 0 :(得分:0)

只需在所有change上创建一个select侦听器,并更改not()本身的每个元素。

&#13;
&#13;
$("select").change(function() {
    $("select").not(this).val("");
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="day1">
  <option value="">select</option>
  <option value="1">Text 1</option>
  <option value="2">Text 2</option>
  <option value="3">Text 3</option>
</select>
<select name="day2">
  <option value="">select</option>
  <option value="1">Text 1</option>
  <option value="2">Text 2</option>
  <option value="3">Text 3</option>
</select>
<select name="day3">
  <option value="">select</option>
  <option value="1">Text 1</option>
  <option value="2">Text 2</option>
  <option value="3">Text 3</option>
</select>
&#13;
&#13;
&#13;