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

Javascript 通过JQuery更改时访问下拉框值,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,嘿,你能帮我弄清楚吗?我需要根据下拉框隐藏/显示一个div(下拉框只有一个名称,没有id)。如果下拉框的值为2,则需要显示它,对于其他任何内容,都需要隐藏它。这是我到目前为止所做的,但它似乎不起作用(我尝试在复选框上使用类似的代码,效果很好,所以显然我遗漏了一些东西)。(无法修改下拉框的代码) JavaScript $(document).ready(function() { $('#addons').hide(); $("input[name='configoption[1]']").ch

嘿,你能帮我弄清楚吗?我需要根据下拉框隐藏/显示一个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


测试1
测试2
你好

似乎您只是指定了错误的元素名称,
input
应该是
select

$("select[name='configoption[1]']")
确保通过执行以下操作获取元素:

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

它应该是除
0

之外的任何内容。请使用onchange选项。改变


抱歉,刚刚意识到你说你不能更改html。我明白了,这只是语法错误。我将输入更改为select,并修复了});东西
alert( $("select[name='configoption[1]']").length )