ホームページ >ウェブフロントエンド >ブートストラップのチュートリアル >ブートストラップ ドロップダウン リストのデフォルト値を設定する方法
#ドロップダウン ボックスから値を取得し、デフォルト値を設定します:
<select id="test"> <option value="1">选项一<option> <option value="2">选项一<option> ... <option value="n">选项N<option> </select>
そのため-jQuery 操作 "select" と呼ばれます。より正確に言うと、jQuery は "option" を制御する必要があります。以下の jQuery コードを見てください:
//最初のオプションの値を取得します
$('#test option:first').val();
/ /最後のオプションの値
$('#test option:last').val();
//2番目のオプションの値を取得
$('#test option:eq(1)').val();
//選択された値を取得
$('#test').val(); $('#test option:selected').val();
//オプションを値 2 を選択状態にします
$(‘#test’).attr(‘value’,’2’);
//最後のオプションを選択するように設定します
$('#test option:last').attr('selected','selected'); $("#test").attr('value' , $('#test option:last').val()); $("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());
//select の長さを取得します
$('#test option').length;
//オプションを追加します
$("#test").append("<option value='n+1'>第N+1项</option>"); $("<option value='n+1'>第N+1项</option>").appendTo("#test");
//選択した項目の追加と削除
$('#test option:selected').remove();
//選択した項目を削除します(ここでは最初の項目が削除されます)
$('#test option:first').remove();、
//指定された値削除されました
$('#test option').each(function(){ if( $(this).val() == '5'){ $(this).remove(); } }); $('#test option[value=5]').remove();
//最初のグループのラベルを取得します
$('#test optgroup:eq(0)').attr('label');
//2 番目のグループの最初のオプションの値を取得します
$('#test optgroup:eq(1) : option:eq(0)').val();
//select が選択されていますデフォルトでは
$("#arrangeClass").find("option[value="+reim.classId+"]").prop("selected",true);
以上がブートストラップ ドロップダウン リストのデフォルト値を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。