Доступ к раскрывающемуся значению при изменении через JQuery

Question

Эй, можешь помочь мне разобраться? Мне нужно скрыть / показать div на основе выпадающего списка (выпадающий список имеет только имя, без идентификатора). Если значение выпадающего списка равно 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;">