ホームページ  >  記事  >  ウェブフロントエンド  >  Jqueryを使って値を入力できるドロップダウンメニューを実装するprototype_jquery

Jqueryを使って値を入力できるドロップダウンメニューを実装するprototype_jquery

WBOY
WBOYオリジナル
2016-05-16 17:58:40941ブラウズ

ネットで検索すると既製のコントロールがたくさんありますが、既製のコントロールを理解して現在のシステムと組み合わせて適用する必要があるため、今回の費用は約 1 時間かかります。自分で作るのと同じです
それなら私も作ってみようかな 自分で作ってみると仕組みがよく分かり、後々使いやすくなります。
私の目標は、これを制御として使用し、外部プログラムの結合を減らすこと、つまり、外部プログラムの追加を忘れないように、外部プログラムの使用に必要な条件を可能な限り減らすことです。プログラムがハングします。
可能であれば、または望ましい場合は、1 つの Jquery のみを参照する必要があり、他の JavaSciprt はプログラムで生成されます。
最後に、前述の動的コントロールと組み合わせて使用​​できればと思います。今日はまずそれを勉強し、次の HTML プロトタイプを使用して実現可能性をテストします。それが正しいことを確認した後、変更を開始します。それをASPコントロールに転送します。
このプログラムには注意が必要な重要な問題がいくつかあります:
ドロップダウン メニューがどのようにトリガーされるか、ドロップダウン メニューのコンテンツを描画する方法、メニュー イベントによってトリガーされるキャプチャ、および値がどこに配置されるべきか選択イベントをキャプチャした後に保存する
上記の問題を解決したら、後でASP.NETで書き直すことになるため、プロトタイプを設計する際はASP.NETに適用できるかどうかに注意する必要があります
>アイデアは次のとおりです:
これは私の計画です。そのとき、JQuery は ASP.NET によって動的に生成されたメニュー配列をキャプチャして、メニューを動的に生成します。
生成されたメニューでは、マウスオーバー マウスアウト クリックの 3 つのイベントを設定できる必要があります。最初の 2 つは見た目を整えるためのもので、クリック イベントがトリガーされた後、
は選択された値を保存します。 asp.net サーバー コントロール TextBox 内で値を PostBack に返すことができるように、サーバー側で処理されます。

コードをコピーします コードは次のとおりです。

meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Jquery を使用して値を入力できるドロップダウン メニューを実装します (1)





< button id="btnDDL" inputid="txtKey" >▼







誰もが解決したい問題もあります。それは、divPop を動的に生成することです...
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:TimergliderJS jQuery ベースのタイムライン plug-in_jquery次の記事:TimergliderJS jQuery ベースのタイムライン plug-in_jquery

関連記事

続きを見る