jquery で select でオプションを選択できる方法の詳細な例

jquery でオプションを選択できるようにする詳細な例

<span id="xx">广州市</span>
<select id="select_id">    
<option>北京市</option>    
<option>广州市</option>    
<option>上海市</option>
</select>

広州市を選択してみましょう?
間違った使用法:

$("#select_id option[text='广州市']").attr("selected", true); 
<script>
//普通js写法
document.getElementById("select_id").options[1].setAttribute("selected", true);
//jquery应该这样写
$("#select_id option").eq(1).attr("selected",true);
</script>
<script>
   $("#select_id option[value=&#39;广州市&#39;]").attr("selected", true);
</script>
$("#select_id option[text=&#39;广州市&#39;]").attr("selected", "selected");

正しい使用法:

 $("#select_id")[0].selectedIndex = 1;

jqueryでselectインデックス選択を設定する方法、dom操作メソッドを直接使用してインデックスを操作します:

$('#selectId').get(0).selectedIndex=index;

valueメソッドを使用してインデックスを操作します:

$('#selectId').val('selectIndexValue');

拡張子:
現在の選択内容を取得します 項目の値を取得します

$("#select_id").val();

現在選択されている項目のテキストを取得します

$("#select_id").find("option:selected").text();

以上がjquery で select でオプションを選択できる方法の詳細な例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。