JavaScriptで選択を設定する方法

方法: 1. まず select 要素を取得し、次に val() メソッドを使用して、指定された値を持つ select オプションを選択します。 2. まず要素を取得し、次に find() メソッドを使用して指定されたテキスト値を持つ選択オプションを検索し、最後に "attr("selected",true)" メソッドを使用して選択します。

このチュートリアルの動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

javascript settings select selected

例

<select class="selector"></select>

1. 値を持つ項目をpxx selectedに設定します。

$(".selector").val("pxx");

2.テキストが pxxx

$(".selector").find("option[text='pxx']").attr("selected",true);

に設定された項目を選択します角かっこが使用されています。角かっこ内の等号の前に属性名。引用符を追加する必要はありません。多くの場合、角括弧を使用するとロジックが非常に単純になります。

ここではコロンが使用されていますが、その使い方をマスターして推論を行うと、コードも簡単になります。

多くの場合、選択のカスケードが使用されます。つまり、2 番目の選択の値は、最初の選択で選択された値で変化します。これはjQueryでは非常に簡単です。

$(".selector1").change(function(){ 

// 先清空第二个 

$(".selector2").empty(); 

// 实际的应用中，这里的option一般都是用循环生成多个了 

var option = $("<option>").val(1).text("pxx"); 

$(".selector2").append(option); 

});

推奨学習: JavaScript 上級チュートリアル

以上がJavaScriptで選択を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。