asp.net-mvc - ASP.NET MVC 将项目添加到 ListBox

Question

我对 MVC 很陌生，我想要一个添加按钮，可以将文本框中的文本添加到列表中。我对如何去做这件事非常迷茫。谢谢。

Answer 1

我相信这可能就是你所追求的。请注意，JavaScript 依赖于包含 JQuery 库。

<input type="text" id="my-textbox">
<select id="my-listbox">
  <option>Option 1</option>
  <option>Option 2</option>
</select>
<a href="javascript:void(0)" class="action-add-to-list>Add Text To List</a>

<script>
    $('.action-add-to-list').click(function () {
        var newListValue = $('#my-textbox').val();
        if ($.trim(newListValue) != '')
        {
            $('#my-listbox').append('<option>' + newListValue + '</option>');
            $('#my-textbox').val('');
        }
    });
</script>