jQuery UI диалоговое окно с использованием .load, как закрыть диалоговое окно при выборе из выпадающего списка

Question

У меня есть веб-страница с несколькими текстовыми полями на ней. Когда пользователь нажимает на одну из текстовых полей диалоговое окно JQuery UI открывается с помощью .load для загрузки HTML-страницу, содержащую следующее:

<select name="resp" id="input" onclick="parent.mfac_value(this.form.resp.value);"> 
    <option value="Choice"> 
    <option value="APC">APC</OPTION> 
    <option value="APPLE">APPLE</OPTION> 
    <option value="XEROX">XEROX</OPTION> 
</select> 

Я успешно возвращая значение родительского текстового поля с помощью parent.mfac_falue функции, кроме модальное окно не автоклинируется при выборе элемента, что я и хочу.

Как я могу получить модальное окно для автоматического запуска сразу после того, как кто-то выбирает элемент из раскрывающегося списка? Дайте мне знать, если вам нужна дополнительная информация, спасибо.

Update:

На самом деле, где бы я поставил .closest код. Будет ли это в HTML-файле, который вызывается или родительский файл. У меня проблемы с решением проблемы.

Answer 1

Вы можете прикрепить обработчик событий к нему, я хотел бы использовать .change() здесь, как это:

$("#input").change(function() { 
    $(this).closest(".ui-dialog-content").dialog("close"); 
}); 

Это идет вверх к диалоговому контейнера, найти его с помощью .closest() и селектор .ui-dialog-content (класс диалогового виджет дал), а затем вызывает close method on dialog.

Answer 2

Попробуйте это:

onchange="parent.mfac_value(this.form.resp.value);$('#ID_OF_DIALOG').dialog('close');"