javascript - Jquery 将文本字段的值插入到列表框中。？

Question

我想从文本字段中获取值并添加到列表框中。这是我的 jquery 代码

JS:-

{
$('#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;
 });
});

这是我的html代码

html:

<input type="text" name="region" id="txt_RegionName" /><br />
<input type="button" name="add" id="btn_AddToList" value="add" class="btn btn-success" /></br />
<select size="10" id="lst_Regions" style="width: 500px;">
</select>

问题:我无法将 txt_RegionName 的值添加到 lst_Region 中，哪里出错了？

谢谢。

Answer 1

$('#btn_AddToList').click(function () {
    var val = $('#txt_RegionName').val();
    $('#lst_Regions').append('<option>' + val + '</option>');
    $('#txt_RegionName').val('').focus();
})

jsFiddle example