Javascript 使用JQuery在动态JQuery UI对话框中为动态创建的表单元素设置值

我试图从服务读取数据（返回JSON对象），并在动态jQueryUI对话框中创建一个可编辑表单，以便最终用户可以使用它进行更改和提交。问题是，当我从服务器获取数据时，我似乎无法在表单中设置数据。如果我不使用对话框，那么一切都正常

我创建了一个关联的，以防有帮助

var dialog_box = $('<div></div>');
var animal = { kind : "Cat", has_whiskers : true };
var s = $('<select />', {
    "id":"s1"
}).append(
    $('<option />', 
        {
            value:"Dog", 
            text:"Dog"
        }
    ),
    $('<option />', 
        {
            value:"Cat", 
            text:"Cat"
        }
    ),
    $('<option />', 
        {
            value:"Bird", 
            text:"Bird"
        }
    )
);
s.appendTo(dialog_box);

// doesn't work
$('#s1 option:[value="'+ animal.kind +'"]').prop('selected', true);

var new_div = $('<div/>').html('<input type="checkbox" id="has_whiskers_checkbox" />');

new_div.appendTo(dialog_box);

(animal.has_whiskers) ? $("#has_whiskers_checkbox").prop("checked", true) : $("#has_whiskers_checkbox").prop("checked", false);

dialog_box.dialog({
     autoOpen: false,
     modal: true,
     buttons: {
         "OK": function() {
              console.log("OK Pressed");
              $( this ).dialog( "close" );
              $( this ).remove();
           }
        }
}).dialog('open');

var对话框=$（''）；
var animal={kind:“Cat”，有胡须：true}；
var s=$（''）{
“id”：“s1”
}).附加(
$('', 
{
值：“狗”，
文字：“狗”
}
),
$('', 
{
值：“猫”，
文本：“猫”
}
),
$('', 
{
价值：“鸟”，
文字：“鸟”
}
)
);
s、 附加到（对话框）；
//不起作用
$（“#s1 option:[value=“”+animal.kind+”）.prop（'selected'，true）；
var new_div=$（''）.html（''）；
新建分区附件（对话框）；
（动物，有胡子吗）$（“#有#胡须#复选框”）.prop（“选中”，true）：$（“#有#胡须#复选框”）.prop（“选中”，false）；
对话({
自动打开：错误，
莫代尔：是的，
按钮：{
“OK”：函数（）{
控制台日志（“按下OK”）；
$（此）.dialog（“关闭”）；
$（this.remove（）；
}
}
}).对话框（“打开”）；

---

谢谢，这正是我需要的。你们有来自JQuery网站的支持文档吗？欢迎，没有，但我有一本JQuery

忍者新手

的书，它对我帮助很大。

$('#s1 option:[value="'+ animal.kind +'"]', dialog_box).prop('selected', true);