Javascript 使用jquery中动态创建的select的select值获取div html

我在jQuery中使用select选项动态创建了一个div。这是一个样品

<div id="myDiv">
    <select id="mySelect">
        <option selected value="0">A</option>
        <option value="1">B</option>
        <option value="2">C</option>
        <option value="3">D</option>
    </select>
</div>

与上面的代码相同，这是正常的

但是，当我将所选值更改为2时，

$（“#myDiv”）.html（）

仍然得到相同的代码。0仍然是选定的值

如何获取具有动态更改值的div的html？

您可以执行以下操作：

$('#yourSelect option:selected').val()

在这里输入代码

也许是这样：

函数创建_选择（）{
var select=$（''）.attr（'id'，'mySelect'）；
var option0=$（''）.val（0）.text（'A'）.attr（'selected'，true）；
选择。追加（选项0）；
var option1=$（''）.val（1）.text（'B'）；
选择。追加（选项1）；
var option2=$（''）.val（2）.text（'C'）；
选择。追加（选项2）；
var option3=$（''）.val（3）.text（'D'）；
选择。追加（选项3）；
$（'#myDiv'）.empty（）.append（选择）；
}
功能更改\u选择\u值（\u新建\u值）{
$（“#mySelect选项”）.removeAttr（'selected'）；
$（'#mySelect'）.val（_new_val）.change（）；
}
$（document）.on（'change'，'#mySelect'，function（）{//动态创建元素的构造
警报（'change value to=>'+this.value）；//或$（this.val（）；
});




为什么需要html？如果需要该值，请获取该值。“html”不会改变。DOM有。而且，你的问题有点不准确。根据您给出的标记，
$（'#myDiv'）.html（）
不会返回整个html结构，因为
html（）
只返回内部html，而不是外部html，因此它只返回select，不是所选元素的外部div。@Taplar，因为我将获取html，并向其中添加一些html，然后再次获取html。
$('#yourSelect option:selected').val()

 $('#myDiv').find("#mySelect").change(function () {
                alert($("#mySelect option:selected").text());
                alert($("#mySelect option:selected").val());
            });