2016-08-15 65 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

相關問題