모달 "팝업"창을 통해 텍스트 필드에 값을 삽입하는 방법은 무엇입니까?

Question

이것이 가능한지 나는 알지 못한다. 나는 정확히 어떻게 프레이즈로 정확하게 쓰는지 모르겠다.

간단한 HTML 텍스트 필드가 있습니다. 텍스트 필드의 오른쪽에는 "검색 항목"버튼이 있습니다. 버튼을 클릭하면 jquery를 통해 모달 창이 뜹니다. 그 모달 창에는 많은 이미지가 있습니다. 각 이미지는 특정 값을가집니다. img1, img2, img3 등등.

내가하려는 것은 이미지를 클릭하고 모달 창을 닫아야하며 이미지의 값을 HTML 텍스트 필드에 삽입해야합니다.

이것도 가능합니까? 그렇다면 정확하게 이것을 어떻게 할 수 있습니까? 누구나 나를 어떤 웹 사이트로 안내하거나 잠재 검색 키워드 나 심지어 더 나은 예제 코드를 제공 할 수 있습니까?

Answer 1

비슷한 일을하는 방법은 example 일뿐 아니라 매우 간단합니다.

Answer 2

초기 대화 상자 설정.

$('#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'); 
}); 

Answer 3

예, 가능합니다. jQuery UI Dialog widget을 사용하는 demo입니다. 희망이 도움이됩니다!