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

【问题标题】：Access Dropdown Box Value When changed via JQuery通过 JQuery 更改时访问下拉框值
【发布时间】：2010-01-15 10:57:55
【问题描述】：

嘿，你能帮我解决这个问题吗？我需要基于下拉框隐藏/显示一个 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>

【问题讨论】：

标签： javascript jquery html forms

【解决方案1】：

看来你只是简单地指定了错误的元素名称，input 应该是select。

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

确保您通过以下方式获取元素：

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

它应该是0以外的任何东西。

【讨论】：

我明白了，这只是一个语法错误。我将输入更改为选择，并修复了 });东西。

【解决方案2】：

使用 onchange 选项。改变

<select name="configoption[1]">

到

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

【讨论】：

抱歉，刚刚意识到您说您不能更改 html。