如何添加文本框项目到jQuery列表？

Question

我是jquery新手。我想拥有类似的功能。 用户可以向文本框添加自定义文本，它将添加到列表下方。 如果用户单击删除该项目，则它也将从列表中删除。

我在这里附上了截图。 谁能帮我。

Answer 1

您可以根据需要尝试以下代码。

<script type="text/javascript"> 
$(document).ready(function(){
$("#btn_AddToList").click(function(){
    //alert($('input[name=List1]').val());  Its Let you know the textbox's value
    $('input[name=List1]').val().appendTo('#List2');
    });         
});
</script>
<input name="List1" type="text">
<input type="button" id="btn_AddToList" value="Add">
<select id="List2">
<option>---</option>
</select>

它可能对您有帮助。

谢谢。