0

すべてのオプション (1,2,3) (1 回目の選択をクリックしたとき) を表示するときにオプション リストにデフォルトのオプションを非表示にしていますが、選択を行ってからオプションを再度表示した後に何らかの形で再表示する必要があります..(のみページを更新すると、ユーザーは選択ボックスに「バスルーム」のカテゴリが含まれていると表示できます。そうしないと、無意味な数字 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 に答える