javascript - 为什么 jquery 选项选择不起作用

Question

我目前正在使用 javascript 和 JQuery 构建自定义控件，并且我具有以下功能。

$(document).ready(function() {
    $('select').each(function() {
        var parent = this;
        $('#comboBoxData li').on('click', 'li', function() {
            alert('found');
            var value = $(this).prop('id');
            alert(value);
            $(parent).val(value);
        });
    });
});

这是标记:

<select style="display:none">
    <option value='1'>1</option>
    <option vlaue='2'>2</option>
</select>
<ul id="comboBoxData">
    <li id='1'>1</li>
    <li id='2'>2</li>
</ul>

我希望当我单击“#comboBoxData li”元素时，该元素的 ID 属性用于从父输入中选择一个选项。我已经验证“值”变量正在填充正确的数据，并且正在访问函数本身，但由于某种原因未选择该选项。出了什么问题？

Answer 1

试试下面的代码，你会发现它有效:

$('#comboBoxData li').each(function () {
          $(this).bind('click', function () {
          var value = $(this).prop('id');
          $(this).parent().prev("select").val(value);
     });
});

http://jsfiddle.net/quAQm/9/