javascript - Jquery — 如何更改 DOM 外部的 <select> 值然后注入(inject)？

Question

我正在使用 jquery 在 javascript 中创建 html，然后我将设置值并注入(inject)到 dom 中。

请看下面的简单例子:

var $html = $('<div><select class"target"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select></div>');
$html.find('.target').val('2');
$('body').html($html.prop('outerHTML'));

但是这不起作用(它确实适用于文本输入)。

有什么建议吗？

Answer 1

var $html = $('<div><select class="target"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select></div>');
$html.find('.target').val('2');
$('body').html($html);

我认为这段代码应该会产生正确的输出，即您正在寻找的输出。我没有添加原始 html，而是在您的 dom 中附加了一个实际的 jQuery 变量。

类名也有错别字，应该是class="target"

这是工作 fiddle link