2016-08-15 25 views
0

我有我的网页上列出工作日,每天有一个选择框,如下图所示如何在任何一个onchange中管理所有选择框?

<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> 
. 
. 
. 
. 

这儿如果我选择“第2天”,那么任何选项,我怎么可以让所有的人选择框的值默认或使用jQuery

+0

'别人选择框值null'你是什么意思?使任何其他选择元素禁用或设置为默认值或什么?难道你不能使用单选按钮吗? –

回答

0

只需创建所有select一个change监听器,并改变每一个元素是什么not()本身无效,以及如果我有“第1天”,然后选择日间2和第3天应该是默认或空。

$("select").change(function() { 
 
    $("select").not(this).val(""); 
 
});
<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>

+0

谢谢男人,我真的很感谢你 – Meghna

+0

不客气,@Meghna! – eisbehr

相关问题