jquery - Javascript将文本框的值添加到listboxfor

Question

我有以下内容：

<script type="text/javascript" src="/Scripts/jquery-1.8.2.js"></script>
<script type ="text/javascript">

    $(function() {
        $('#AddDirector').click(function () {
           $('#VideoLanguageDirector').append(
               new Option($('input[name=Director]').val()));
        });
    });    

</script>

<div class="editor-field">
    @Html.TextBox("Director")
</div>
<div>
    <input type="button" name="AddDirector" value="Add Director" id="AddDirector" />
</div>
<div class="editor-field">
    @Html.ListBoxFor(model => model.SelectedLanguage.VideoLanguageDirector, Model.SelectedLanguage.VideoLanguageDirector.Select(d => new SelectListItem() { Text = d.Name, Value = d.Name }))
</div>

我想要做的是有一个文本框，您可以在其中单击“添加”并将文本框中的文本插入到listboxfor.

现在 javascript 事件不会触发。

Answer 1

您能否在浏览器中查看您的开发人员工具。

我很确定你的列表框没有命名#VideoLanguageDirector

我假设它已命名#SelectedLanguage.VideoLanguageDirector并确保您使用正确的 jquery 选择器。

第一个是ID 选择#器.，第二个是类选择器。

如果您使用@Html.TextBox('Director')它是该文本框的名称，则不需要 ID。

你能验证这一切吗？