0

私は非常に単純な問題を抱えていますが、これを行う方法がわかりません...私のHTMLページには、単純な選択タグがあります:

<select id="selection-type">
     <option disabled="disabled">Type</option>
     <option value="0">Tous les types</option>
     <option value="1">Appartement</option> 
     <option value="2">Maison</option>
     <option value="3">Terrain</option>
</select>

JavaScript を使用して特定の値を動的に設定したいのですが、表示された値ではなく、選択したインデックスを変更することができました。現在、私はこれを行っています（HTMLページのフッターセクションで）：

<script type="text/javascript">
  $(document).ready(function(){
    document.getElementById("selection-type").selectedIndex = 2;
});
</script>

その結果、私の選択の選択されたインデックスが変更されますが、表示されるテキストは「更新」ではありません。値「Tous les types」はそのままです。実際、インデックスだけでなく、選択したオプションなど、選択全体を変更したいと考えています。

4

3 に答える 3

1

やってみました：

document.getElementById("selection-type").value = document.getElementById("selection-type").selectedIndex.value;
于 2013-02-14T17:43:48.173 に答える
1

jQueryを使っているようです。選択したいオプションの を使用して、 jQuery のvalメソッドを使用して選択ボックスを変更できます。value

$(document).ready(function() {
    $('#selection-type').val('1');
});

それとも、プレーンな JavaScript で行う必要がありますか?

編集：

どのブラウザを使用していますか? あなたselectedIndexがやっていることは、Chrome 24.0.1312.5 で実際に機能します。

于 2013-02-14T17:19:19.790 に答える
0

最後に、私はそれを機能させる方法を見つけました。私はまだ最初の方法を使用していますが、 $(document).ready の前に実行します:

<script type="text/javascript">
    document.getElementById("selection-type").selectedIndex = 2;
    $(document).ready(function() {
        ...
     });
</script>

理由は正確にはわかりません..しかし、それは仕事です。どうもありがとう。

于 2013-02-15T01:20:26.760 に答える