Javascript 如何在基于JQM的网站中使用Jquery在列表中选择选项

我有一个类似这样的代码

HTML

<div data-role="page" id="">
<select id="selectOption">
    <option value="0">Others</option>
    <option value="1">Koramangala</option>
    <option value="2">BTM</option>
    <option value="3">BTM</option>
    <option value="4">BTM</option>
</select>
<div id="otros">
    <input type="text" id="a1" placeholder="Write something" />
    <button id="a2">Klick me</button>
</div>

其他
科拉曼加拉
BTM
BTM
BTM
克利克我

脚本

   $(document).on('vclick', '#a2', function (e) {
    var itemID = $('#a1').val();
    if (itemID == 0 || itemID == '') {} else {
        $("#selectOption").append('<option selected="selected" value="' + itemID + '" >' + itemID + '</option>');
        $('#otros').hide();
    }
});

$（文档）.on（'vclick'，'a2'，函数（e）{
var itemID=$（'#a1'）.val（）；
如果（itemID==0 | | itemID==''）{}else{
$（“#选择选项”）.append（“”+itemID+“”）；
$（'#otros'）.hide（）；
}
});

当您在输入文本中写入内容并单击按钮时，上面的代码会将选项添加到

选择

菜单中

我的问题是，当您添加新项目时，如何在

select

选项中选择该选项

我正在使用JQM和JQuery

是我创造的

感谢和问候工作版：

---

添加

$（'#selectOption'）。选择菜单（“刷新”，true）.append（）之后添加code>
$（'optionid'）。属性（'selected'，true）
；或者
$（'#selectOption'）.val（itemID）
简单甜蜜：）+1@DimitriZetzsche还有一个问题，在隐藏div之前如何清除输入type=“text”并将值设置为空字符串<代码>$（“#a1”）.val（“”）JSFIDLE: