javascript - 如何在基于 JQM 的网站中使用 Jquery 在列表中选择一个选项

Question

这个问题已经有答案了:

HTML 1st option in select is not render selected item on page Jquery mobile? (1 个回答)

已关闭 9 年前。

我有一个类似这样的代码

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>

脚本

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

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

我的问题是如何在 select 中选择该选项添加新项目时的选项。

我正在使用 JQM 和 JQuery

Here is the FIDDLE我创建的。

感谢和问候

Answer 1

工作版本:http://jsfiddle.net/4MTa7/11/

在 .append(); 之后添加 $('#selectOption').selectmenu("refresh", true);