根据第一个下拉菜单的选定值填充第二个下拉菜单 [英] populate second dropdown based on selected value of first dropdown
本文介绍了根据第一个下拉菜单的选定值填充第二个下拉菜单的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
例如,当我从下拉列表test1选项中选择值为a时,我想要两个下拉列表
I have two dropdown i want when i select for example from dropdown test1 option with value a
第二个下拉列表test2仅显示值为a的选项
the second dropdown test2 show only the options that have value a
<select name="test1" id="test1" onchange="document.getElementById('test2').value=this.value">
<option value="Select">Select</option>
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>
<select id="test2" name="test2">
<option value="Select">Select</option>
<option value="a">a</option>
<option value="a">b</option>
<option value="a">c</option>
<option value="b">1</option>
<option value="b">2</option>
<option value="b">3</option>
<option value="c">c</option>
</select>
推荐答案
或者您可以这样:
jQuery(document).ready(function($){
var options = $('#test2 option');
$('#test1').on('change', function(e){
$('#test2').append(options);
$('#test2 option[value!=' + $(this).val() +']').remove();
});
});
这篇关于根据第一个下拉菜单的选定值填充第二个下拉菜单的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文