0

查看所有选项（1,2,3）（第一次单击选择时）时，我在选项列表中隐藏了默认选项，但是在进行选择然后再次查看选项后它需要以某种方式重新出现..（仅通过页面刷新，用户可以查看包含“浴室”类别的选择框，否则会出现无意义的数字 1,2,3..)

即当前“浴室”不会重新出现，一旦选择，然后再次单击选择框..（如果用户改变主意）这就是问题所在。做这个的最好方式是什么。

我无法更改 html - 仅需要使用 Jquery 来完成。请帮忙

<select name="searchForm__bathrooms" id="field-searchForm__bathrooms" class="field-    dropdown">
    <option value=""> Bathrooms </option>
    <option value="1"> 1 </option>
    <option value="3"> 3 </option>
    <option value="2"> 2 </option>
</select>

$('select option:first-child').hide();
4

2 回答 2

1

http://jsfiddle.net/earlonrails/EfMvd/2/

Javascript

$(function() {
    $("#field-searchForm__bathrooms").change(function() {
        var selectEle = $(this);
        var doAppend = true;  
        $.each(selectEle.children(), function(index, child) {
            if (child.value == "0") {
                doAppend = false;
            }
        });
        if (doAppend) {
            selectEle.append('<option name="bathroom" value="0">Bathrooms</option>');
        }
    });
});

HTML

<body>
    <select name="searchForm__bathrooms" id="field-searchForm__bathrooms" class="field-dropdown">
        <option value="1"> 1 </option>
        <option value="2"> 2 </option>
        <option value="3"> 3 </option>
    </select>
</body>​
于 2012-07-24T02:15:27.980 回答
0 
$("#field-searchForm__bathrooms").click(function(){
  $('select option:first-child').toggle();
})
于 2012-07-24T02:06:24.113 回答