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

时间:2014-06-25 11:57:32

标签: javascript jquery html jquery-mobile

我有一个像这样的代码

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

谢谢&amp;问候

1 个答案:

答案 0 :(得分:2)

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

$('#selectOption').selectmenu("refresh", true);

之后添加.append();