如何将文本框项目添加到 jquery 列表中？答案

【问题标题】：How to Add textbox item to list in jquery?如何将文本框项目添加到 jquery 列表中？
【发布时间】：2011-04-26 11:03:29
【问题描述】：

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

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

【问题讨论】：

【解决方案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>

它可能对你有帮助..

谢谢。

【讨论】：

$(function() { $('#btn_AddToList').click(function() { var select = document.getElementById('lst_Regions'); var region = $('#txt_RegionName') .val(); if('' != region) { var newOption = document.createElement('option'); newOption.text = region; newOption.value = region; if($.browser.msie){select.add (newOption);} else{select.add(newOption, null);} } return false; }); $("#btn_RemoveFromList").click(function() { $("#toListBox option:selected").appendTo ("#fromListBox"); }); });
/> />
@Uresh Patel 您能否使用您的 cmets 格式。
是的。我认为对于 jquery 中的新手来说有点长..但很好..:)