Question

嘿，你能帮我搞清楚吗？我需要隐藏/显示基于下拉框的div（下拉框只有一个名称，没有id）。如果下拉框的值为2，则需要显示该值，并且需要隐藏其他任何内容。这是我到目前为止，但它似乎没有工作（我尝试在复选框上使用类似的代码，它工作正常，所以很明显我错过了一些东西）。（无法修改下拉框的代码）

的JavaScript

$(document).ready(function() {

$('#addons').hide();

$("input[name='configoption[1]']").change(function() {
        if($(this).val() != 2) {
                $('#addons').hide();
        } else
                $('#addons').show();
        } );
});

});

HTML

<select name="configoption[1]"> 
<option value="1" selected="selected">Test 1</option> 
<option value="2">Test 2</option> 
</select>
<div id="addons">
Hi
</div>

Answer 1

您似乎只是简单地指定了错误的元素名称，input应为select。

$("select[name='configoption[1]']")

确保通过这样做获得元素：

alert( $("select[name='configoption[1]']").length )

它应该是0以外的任何其他内容。

Answer 2

使用onchange选项。改变

<select name="configoption[1]">

到

<select name="configoption[1]" onchange="javascript:function;">

访问下拉框值通过JQuery更改时

2 个答案: