如何更改jquery下拉值
问题描述:
在选择问题类型的基础上,我想显示第二个下拉列表。如果有人选择董事会我想显示第二下拉,如果有人选择品牌我想显示不同的选项。请帮助如何更改jquery下拉值
<label for="Issue Type">Issue Type</label>
<select name="issue_type" id="issue_type">
<option value=""> Select </option>
<option value="Board">Board</option>
<option value="Branding/Clipon">Branding/Clipon</option>
</select>
<label for="Issue Type">Issue</label>
<select name="send_to" id="send_to">
<option value=""> Select </option>
<option value="Light Not Working">Light Not Working</option>
<option value="Broken Letter">Broken Letter</option>
<option value="Transit of Board from One address to Another">Transit of Board from One address to Another</option>
<option value="Broken Board">Broken Board</option>
</select>
<select name="send_to" id="send_to">
<option value=""> Select </option>
<option value="Pasting Problem">Pasting Problem</option>
<option value="Clip-on light not working">Clip-on light not working</option>
</select>
答
在你select
<select name="issue_type" id="issue_type" onchange="change('issue_type');">
在你的js文件
$(document).ready(function(){
function change(id) {
//check condition if as
if ($('#' + id).val() == 'Board') {
//hide select except your required select
//like
$("#send_to").show().siblings().hide();
} else if() { // your next condition
//so on
}
}
});
+0
我喜欢这种方法比我自己:) – Kuro
答
这里是jQuery的
和轻微修改您的HTML
<label for="Issue Type">Issue Type</label>
<select name="issue_type" id="issue_type">
<option value=""> Select </option>
<option value="Board">Board</option>
<option value="Branding/Clipon">Branding/Clipon</option>
</select>
<label for="Issue Type">Issue</label>
<select name="send_to" id="send_to">
<option value=""> Select </option>
<option value="Light Not Working">Light Not Working</option>
<option value="Broken Letter">Broken Letter</option>
<option value="Transit of Board from One address to Another">Transit of Board from One address to Another</option>
<option value="Broken Board">Broken Board</option>
</select>
<select name="send_to" id="send_to_board">
<option value=""> Select </option>
<option value="Pasting Problem">Pasting Problem</option>
<option value="Clip-on light not working">Clip-on light not working</option>
</select>
我改变的第二的ID选择
CSS:
.hidden{display:none}
这里的工作的jsfiddle:http://jsfiddle.net/MXjmY/1/
+0
谢谢kuro ...我相信它会解决我的概率。 m工作和iwll更新你,谢谢你的gr8帮助伙伴 –
哪里是你的javascript代码..? –
我不知道...我很新这个... –