Javascript 如何从条件下拉列表中获取值?
我正在为我的问题再次寻求帮助。这只是我的条件下拉列表的继续Javascript 如何从条件下拉列表中获取值?,javascript,jquery,drop-down-menu,Javascript,Jquery,Drop Down Menu,我正在为我的问题再次寻求帮助。这只是我的条件下拉列表的继续 <select name="dropdownmain" id="" title=""> <option value="dropdownmain1">dropdownmain1</option> <option value="dropdownmain2">dropdownmain2</option> <option value="dropdownma
<select name="dropdownmain" id="" title="">
<option value="dropdownmain1">dropdownmain1</option>
<option value="dropdownmain2">dropdownmain2</option>
<option value="dropdownmain3">dropdownmain3</option>
<option value="dropdownmain4">dropdownmain4</option>
</select>
//if selected dropdownmain1 this dropdown will display
<select name="dropdownmain1" id="" title="">
<option value="dropdownmain1-submenu1">dropdownmain1-submenu1</option>
<option value="dropdownmain1-submenu2">dropdownmain1-submenu2</option>
<option value="dropdownmain1-submenu3">dropdownmain1-submenu3</option>
<option value="dropdownmain1-submenu4">dropdownmain1-submenu4</option>
</select>
//if selected dropdownmain2 this dropdown will display
<select name="dropdownmain2" id="" title="">
<option value="dropdownmain2-submenu1">dropdownmain2-submenu1</option>
<option value="dropdownmain2-submenu2">dropdownmain2-submenu2</option>
<option value="dropdownmain2-submenu3">dropdownmain2-submenu3</option>
<option value="dropdownmain2-submenu4">dropdownmain2-submenu4</option>
</select>
//if selected dropdownmain3 this dropdown will display
<select name="dropdownmain3" id="" title="">
<option value="dropdownmain3-submenu1">dropdownmain3-submenu1</option>
<option value="dropdownmain3-submenu2">dropdownmain3-submenu2</option>
<option value="dropdownmain3-submenu3">dropdownmain3-submenu3</option>
<option value="dropdownmain3-submenu4">dropdownmain3-submenu4</option>
</select>
//if selected dropdownmain4 this dropdown will display
<select name="dropdownmain4" id="" title="">
<option value="dropdownmain4-submenu1">dropdownmain4-submenu1</option>
<option value="dropdownmain4-submenu2">dropdownmain4-submenu2</option>
<option value="dropdownmain4-submenu3">dropdownmain4-submenu3</option>
<option value="dropdownmain4-submenu4">dropdownmain4-submenu4</option>
</select>
**im using this js code**
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$('select[name!="dropdownmain"]').hide();
$('select[name="' + $('select[name="dropdownmain"]').val() + '"]').show();
$('select[name="dropdownmain"]').change(function(){
$('select[name!="dropdownmain"]').hide();
$('select[name="' + $(this).val() + '"]').show();
});
});//]]>
</script>
下拉菜单1
下拉菜单2
下拉菜单3
下拉菜单4
//如果选择了dropdownmain1,将显示此下拉列表
下拉菜单Main1-子菜单1
下拉菜单main 1-子菜单2
下拉菜单main 1-子菜单3
下拉菜单main 1-子菜单4
//如果选择DropDownMain 2,将显示此下拉列表
下拉菜单2-子菜单1
下拉菜单Main2-子菜单2
下拉菜单main 2-子菜单3
下拉菜单main 2-子菜单4
//如果选择了dropdownmain3,将显示此下拉列表
下拉菜单main 3-子菜单1
下拉菜单main 3-子菜单2
下拉菜单main 3-子菜单3
下拉菜单main 3-子菜单4
//如果选择了dropdownmain4,将显示此下拉列表
下拉菜单main 4-子菜单1
下拉菜单main 4-子菜单2
下拉菜单main 4-子菜单3
下拉菜单main 4-子菜单4
**我正在使用这个js代码**
//
单击按钮时,我将如何获取所选下拉列表的值?类似的内容(如果我了解您的需求):
$('select[name=“”+$('select[name=“dropdownmain”].val()+“])。val()
使用:
var e = document.getElementsByName("dropdownmain")[0];
var strUser = e.options[e.selectedIndex].value;
如果要获取当前显示的所有值,请选择:
$("select:visible").each(function() {
console.log( $(this).attr('name') + " have value : " + $(this).val() );
});
下面是一个工作示例:为子菜单指定一个通用类名和也给主选择一个ID强> jQuery代码可以简化为:
$('#dropdownmain').change(function() {
$('.submenu').hide();
$('.submenu[name="' + $(this).val() + '"]').show();
});
然后获取所选子菜单项的值:
$('.submenu').change(function() {
alert($(this).val());
});
您可以尝试使用jQuery
s
$('select option:selected')。text(),现在您可以在按钮的回调函数中调用它。除了选择,请使用可以映射到所选下拉列表的相应选择器。您可以使用$('select[name=“dropdownmain”]')。val()代码>直接?它是否返回所选值?它不应该是$('select[name=“dropdownmain”]选项:selected')。text()
val()返回所选选项的value属性中的内容。当然,如果您想在选项标记中包含文本,您可能必须按照您的建议执行。。顺便说一句,我的答案偏离了吗?我不明白投票结果。。
$('.submenu').change(function() {
alert($(this).val());
});