0

これが可能かどうかもわかりませんし、タイトルを正確に表現する方法もわかりません.

シンプルな HTML テキスト フィールドがあります。テキストフィールドの右側に、「アイテムを検索」ボタンがあります。ボタンをクリックすると、jquery を介してモーダル ウィンドウがポップアップ表示されます。そのモーダル ウィンドウには、多くの画像があります。各画像には、img1、img2、img3 などの特定の値があります。

私がやろうとしているのは、画像がクリックされたときにモーダル ウィンドウが閉じ、画像の値が HTML テキスト フィールドに挿入されることです。

これは可能ですか？はいの場合、これはどのように正確に行うことができますか? 誰かが私にいくつかのウェブサイトを紹介してくれたり、潜在的な検索キーワードを教えてくれたり、簡単なサンプルコードを教えてくれたりできますか?

4

3 に答える 3

2

可能であるだけでなく、かなり単純です。同様のことを行う方法の例を次に示します。

于 2012-08-12T14:55:43.383 に答える
0

ダイアログの初期設定。

$('#element').dialog({
  'autoOpen' : false,
  'modal' : true
});

検索アイコンをクリックすると、モーダル ウィンドウが開きます。

$('#searchIcon').click(function(){
  $('#element').dialog('open');
});

MODAL 要素として設定したコンテナに画像があると仮定しています。

$(document).on('click', '#element img', function(){
  //how does each image have a value? value is not a property of <img>
  $('input').html($(this).prop('rel'));
  //assumed in the above the value is stored in the rel property
  $('#element').dialog('close');
});
于 2012-08-12T14:56:25.030 に答える
0

はい、可能性は大いにあります。jQuery UI Dialog widgetを使用したデモを次に示します。それが役立つことを願っています!

于 2012-08-12T14:56:38.040 に答える