从文本框插入多个选择框

时间:2015-08-13 15:02:55

标签: jquery

我正在尝试将文本框中的值插入多个选项中,我已插入其中一个,但我不确定如何插入两个。

我的代码。 https://jsfiddle.net/neilcosby123/xazyfej3/

<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>
<select size="10" id="2nd_Regions" style="width: 500px;"></select>

的jQuery

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

编辑:上面的代码正在运行

1 个答案:

答案 0 :(得分:1)

尝试修正错误#2nd而不是#nd

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

DEMO