コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > input select(multiple) はドロップダウン ボックスの入力値を実装します_javascript スキル

input select(multiple) はドロップダウン ボックスの入力値を実装します_javascript スキル

WBOY
リリース： 2016-05-16 18:52:34
オリジナル
1739 人が閲覧しました

そこで、入力選択を使用してそれを実現しようとしました。結果は次のとおりです。


詳細なコードとデモのアドレス: www.homdian.com/test.aspx

このメソッドは実際にドロップダウンボックス上のテキストボックスを押すことで、ドロップダウンボックスの入力と選択を実現します。ただし、入力値に基づいてドロップダウン ボックスのオプションを非同期的にバインドする場合、

ドロップダウン ボックスを展開できません。オンラインでコードを見つけました:

コードをコピーします コードは次のとおりです次のように:

document.form1.ddlMovName.focus();
var WshShell = new ActiveXObject("Wscript.Shell");
try{
WshShell.SendKeys( "%{DOWN}");
}
catch(e){}
WshShell.Quit;

上記の段落ではドロップダウン ボックスを展開できますが、次のプロンプトがポップアップ表示されます (テスト環境 IE7)

不親切な感じがするのでダメです。そこで、input select(multiple)を使用してみました。効果は次のとおりです:

詳細なコードとデモのアドレス: www.homdian.com/test1.aspx

この方法は基本的に私のニーズを満たしているので、皆さんがより良い方法を提供できることを願ってここに投稿します。ありがとう。

関連ラベル：
input select ドロップダウンボックス
ソース：php.cn
前の記事：2 つのテーブル間でのデータの移動_JavaScript スキル 次の記事：JavaScript は月の最終日_時刻と日付を取得します
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Web サイトから入力要素を取得できません そこで、Twitter から入力要素を取得しようとしていますが、それを実行すると、ノード ターミナルでこのようなエラーが表示され続け、その結果、このコードによって作成されたブラウザ...
から 2024-04-06 18:59:57
0
1
442
ベンダー固有の疑似要素上の JavaScript ホバー イベント 次の htmlinput タグがあります。 $("input[type='range']::-webkit-slider-thumb").on('hover',...
から 2024-04-06 15:35:24
0
1
274
HTML テーブル内のオブジェクトのネストされた配列を反復して表示します ネストされたオブジェクトの配列を含む次の入力があります。 summary は親オブジェクト配列、run_type はネストされたオブジェクト配列です。 letinput={&quo...
から 2024-04-05 14:11:42
0
1
1373
React に入力の終了タグをレンダリングさせますか? 珍しいお願いがあります。私の Web サイトは React を使用して構築されており、公開 Web サイトの HTML を自分の React コンポーネントにコピーできるようにした...
から 2024-04-03 23:01:01
0
1
320
Shopware 6 プラグイン: ブール構成を削除して複数選択構成に移行する方法 現在、プラグインを通じて送信されたレビューを自動的に公開するブール型 reviewSkipModeration 値で構成されている Shopware6 プラグインがあります: co...
から 2024-04-03 23:09:28
0
1
410
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート