使用jQuery将内容加载到DIV中,然后操作选择菜单选项

时间:2014-04-10 19:41:54

标签: jquery

页面加载后,我将选择菜单加载到DIV中,如下所示:

$('div#searchform').load('_searchform.asp');

该加载会生成一个显示在屏幕上的SELECT菜单。之后,我试图选择该列表中的某些选项,但DOM中不存在选择菜单。我知道如何使用ON将事件分配给动态加载的内容,但是在这种情况下没有事件。我只想在页面加载时发生“选择”。我的Javascript看起来像这样:

$('option[value="185"]').attr('selected', 'selected');

但它没有看到菜单,所以这不起作用。如何让我的脚本查看动态加载的内容并操作所选的选项?

谢谢!

2 个答案:

答案 0 :(得分:4)

在回调中完成工作:

$('div#searchform').load('_searchform.asp', function() {
    //content loaded, manipulate here
});

答案 1 :(得分:0)

使用回调加载功能

$('div#searchform').load('_searchform.asp', function() {
    //Peform manipulation here
    $('option[value="185"]').prop('selected', true);
});

另外,使用.prop()代替.attr()