BinaryDevelop
  1. ホーム
  2. javascript

[解決済み] ドロップダウンのオプションを選択するためにjQueryを使用するには？

2022-04-24 19:26:06

質問

jQuery で <option> ドロップダウン・ボックスの4番目の項目というように？ 

<select>
    <option></option>
    <option></option>
    <option></option>
    <option></option>
    <option></option>
</select>

ユーザーがリンクをクリックし、その後に <select> をクリックして選択したかのように、ボックスの値を変更します。 <option> .

解決方法は？

どうですか？ 

$('select>option:eq(3)').attr('selected', true);

例 

$('select>option:eq(3)').attr('selected', true);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>

最近のバージョンのjqueryでは .prop() の代わりに .attr() 

$('select>option:eq(3)').prop('selected', true);

例 

$('select>option:eq(3)').prop('selected', true);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します