ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery に基づく選択ドロップダウン ボックス選択トリガー イベントの分析例

jQuery に基づく選択ドロップダウン ボックス選択トリガー イベントの分析例

高洛峰
リリース: 2016-12-28 10:32:19
オリジナル
1864 人が閲覧しました

この記事の例では、jQuery に基づいて選択ドロップダウン ボックスでトリガー イベントを選択する実装方法を説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

私は常に、次のように、選択ドロップダウン ボックスがオプションを選択し、onclick を使用してイベントを登録すると信じてきました:

<select>
  <option value="0" onclick="func(0)">选项一</option>
  <option value="1" onclick="func(1)">选项二</option>
</select>
ログイン後にコピー

今日、次のリクエストがあります。リンクメニューを作成する、つまり、クリックするたびに、隣接するドロップダウンボックスが自動的に変更されるので、問題ないと思いました。それで、お客様は、IE8 がサポートしている必要があると述べました。 XP の IE カーネルは IE8 までしかアップグレードできず、多くのユーザーは依然として XP を手放すことを躊躇していますが、ff で試してみたところ、まったく問題ありませんでした。 IE8 に接続しても、まったく反応がありませんでした。

その後、さまざまなソースから情報を検索したところ、select イベントは、onclick ではなく、onchange という独自のラベルに登録されており、サブタグは低バージョンのブラウザでは無効であり、正式なものではないことがわかりました。標準的な書き方。

<select onchange="func()>
  <option value="0" >选项一</option>
  <option value="1" >选项二</option>
</select>
ログイン後にコピー

さて、ここでまた質問ですが、渡したパラメータはどうすればよいでしょうか?パラメータを受け取る方法は、jQuery で解決できます。 。 。

この記事が jQuery プログラミングの皆様のお役に立てれば幸いです。

jQuery ベースの選択ドロップダウン ボックス選択トリガー イベント インスタンス分析関連記事をさらに詳しく知りたい場合は、PHP 中国語 Web サイトに注目してください。

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