javascript - 选择后下拉列表未关闭

Question

我的问题是，当我单击列表中的任何项目时，下拉列表不会自动填充，并且列表不会关闭。

下拉列表的 HTML 代码:

<label id='choose' for='options'>Select options</label>
<br clear='all' />
<select id='options' size="10" style='display:none;'>
    <option>dasd</option>
    <option>asdaaadsdasd</option>
    <option>asdasdasd</option>
    <option>asdasdasd</option>
    <option>asdasdasd</option>
    <option>asdasdasd</option>
    <option>asdasdasd</option>
    <option>asdasdasd</option>
    <option>asdasdasd</option>
    <option>asdasdasd</option>
</select>

Fiddle link .

Answer 1

将其添加到您的脚本中

$("#options option").click(function(){
    $("#choose").text($(this).text());
    $(this).parent().hide();
});