ホームページ > ウェブフロントエンド > jsチュートリアル > 選択ドロップダウン ボックスはデフォルトで選択されています

選択ドロップダウン ボックスはデフォルトで選択されています

php中世界最好的语言
リリース: 2018-03-14 16:08:33
オリジナル
5716 人が閲覧しました

今回は、デフォルトで選択されている選択ドロップダウン ボックスについて説明します。 注意事項 は次のとおりです。実際のケースを見てみましょう。

この記事では主にドロップダウンボックスの選択に関連する方法を紹介します。

1. ID を通じてドロップダウン ボックスの値とテキスト値を取得します

例:

<select class="form-control" id="numbers">
      <option value="1">数字1</option>
      <option value="2" selected>数字2</option>
</select>
$("#numbers option:selected").val(); 获取到下拉框被选中的optionde value值:2;
$("#numbers option:selected").text(); 获取到下拉框被选中的optionde 文本内容:数字2;
ログイン後にコピー

2. デフォルトで選択値を選択します: selected 属性を追加します

入力ボックスに数値を入力します、フォーカスが失われたときに selectNumber() を呼び出します。メソッドは、入力ボックスと同じ番号を選択します

function selectNumber(){
var num = $("#num").val(); //获取input中输入的数字
var numbers = $("#numbers").find("option"); //获取select下拉框的所有值
for (var j = 1; j < numbers.length; j++) {
if ($(numbers[j]).val() == num) {
$(numbers[j]).attr("selected", "selected");
}
} 
}
ログイン後にコピー

この記事のケースを読んだ後は、メソッドを習得したと思います。さらに興味深い情報については、に注目してください。 php中国語サイトその他関連記事!

推奨読書:

jQuery で toggle メソッドを実装する方法

jQuery で select コンポーネントを使用する方法


以上が選択ドロップダウン ボックスはデフォルトで選択されていますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート