ASP.NET MVC将项添加到ListBox

时间:2013-05-23 18:23:08

标签: asp.net-mvc asp.net-mvc-4

我对MVC很新,我希望有一个添加按钮,将文本框中的文本添加到列表中。我很失落如何去做这件事。感谢。

1 个答案:

答案 0 :(得分: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>