0

HTML 選択の 3 つのオプションのうち 2 つの詳細がロード時にチェックされているかどうかを確認したいと思います。

実際、私のHTML：

<select name="country" id="country" tabindex="7" style="width:128px; margin-right:26px;">
            <option selected="selected" name="0">Choisir...</option>
            <option value="Canada" <?php if($pays == 'Canada'){echo "selected=selected";} ?>>Canada</option>
            <option value="États-Unis" <?php if($state == 'États-Unis'){echo "selected=selected";} ?>>États-Unis</option>
        </select>

そして私のjQueryは次のとおりです：

if($('#reference').attr('selected',true))
    {
        $('.showDetaillant').show();
    }

ご覧のとおり、何かが「選択されている」ことを確認するだけです。デフォルトでは、これはオプション "Choisir..." です。

私が探しているのは、オプション「Choisir ...」が選択されている場合に . hide() を設定することです。

どうも

4

3 に答える 3

2

プロパティを使用できselectedIndexます。ページの読み込み時に選択したオプションを確認したい場合は、changeDOMReady でイベントをトリガーできます。

$('#country').change(function(){
    if (this.selectedIndex === 0) {
        $('.showDetaillant').show();
    }
}).change();

http://jsfiddle.net/JfDZ4/

PS:常に評価される jQuery オブジェクトを返すセッターattrとして使用していることに注意してください。true

于 2013-03-11T16:09:49.467 に答える
1 
    <select name="country" id="country" tabindex="7" style="width:128px; margin-
        right:26px;">
             <option selected="selected" value="0">Choisir...</option>
     </select>

<script>
     $(document).ready(function () {

         if($('#country').val()=="0")
           $('.showDetaillant').show();
       });

<script>
于 2013-03-11T16:10:18.320 に答える
0

次のことを試すことができます。選択したオプションのインデックスが表示されます

$("select#elem").get(0).selectedIndex > 0

これを読むjqueryを使用して、ドロップダウンリストの選択されたインデックスが0または-1でないかどうかを確認する方法

于 2013-03-11T16:14:59.953 に答える