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

ネットで検索すると既製のコントロールがたくさんありますが、既製のコントロールを理解して現在のシステムと組み合わせて適用する必要があるため、今回の費用は約 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" />

");
$("#divPop").append("

;test2

");
/ /イベント処理をバインド
$("#btnDDL").click(function (event) {
//イベントバブリングをキャンセル
event.stopPropagation( );
//ポップアップレイヤーの位置を設定します
var offset = $(event.target).offset();
//alert($(event.target).width()); >var inID = $(this).get(0 ).getAttribute("inputid");
//入力とボタンの幅に基づいてドロップダウン メニューの幅を設定します
$("#divPop ")[0].style.width = ($("#" inID ).width() $(this).width() 10) "px";
//空白の領域をクリックしてポップを非表示にします-uplayer
$(document).click(function (event) { $(" # divPop").hide(speed) });
//ドロップダウンメニューが表示される位置を設定します
$("#divPop").css({ top: offset.top $(event.target). height () 10 "px", left: offset.right });ポップアップレイヤーの
$("#divPop").toggle(speed);





▼

誰もが解決したい問題もあります。それは、divPop を動的に生成することです...