Question

我将包含html的字符串附加到主div。该字符串包含由某些我无法修改的函数生成的下拉列表。现在到包含html with dropdown的字符串我想设置下拉列表的选项然后追加div

var stringHtml = "<div> <select>"+ someFunction() + "</select></div>";
jQuery('#mainDiv').append(stringHtml);

所以上面的someFunction（）有助于获取select的选项，然后附加选项

我想做这样的事情

jQuery(stringHtml).find("select option[value=\"" + sumeValue + "\"]").attr('selected', 'selected');

然后附加html，以便我获得所需的值

由于

Answer 1

试试这个：

jQuery(stringHtml).find("select option[value='" + sumeValue + "']").attr('selected', 'selected');

Answer 2

这里的问题是您仍然将字符串本身插入页面。但是，您应该插入的是调用jQuery(stringHtml)时创建的jQuery对象，因为这是受代码影响的对象。结果应如下所示：

var stringHtml = "<div> <select>"+ someFunction() + "</select></div>";
var html = jQuery(stringHtml); //save the whole string as an object
html.find("select").val(sumeValue); // alter the object
jQuery('#mainDiv').append(html); // insert the whole object to the page

这是fiddle。注意稍微优化 - 不需要创建这个复杂的选项选择器，你可以简单地设置select本身的值。

jQuery：将选择的下拉选项设置为html字符串

2 个答案: