javascript - jquery .html() 未获取最新选定值

Question

jquery .html() 未获取最新选定值，请在此处编写代码

<div id="testDiv">
<select id="mySel">
    <option  value="1">opt 1</option>
    <option selected value="2">opt 2</option>
    <option value="3">opt 3</option>
    <option value="4">opt 4</option>
</select>
</div>

和脚本

$(document).ready(function(){
$('#mySel').val('3');
var divContent = $('#testDiv').html();
alert(divContent);
});

得到这样的输出

 <select id="mySel">
        <option  value="1">opt 1</option>
        <option selected value="2">opt 2</option>
        <option value="3">opt 3</option>
        <option value="4">opt 4</option>
    </select>

“选定”没有改变，我需要这样的输出

 <select id="mySel">
        <option  value="1">opt 1</option>
        <option  value="2">opt 2</option>
        <option selected value="3">opt 3</option>
        <option value="4">opt 4</option>
    </select>

Answer 1

$(document).ready(function(){
$('#mySel').val('4');
$("#mySel").find('option').removeAttr("selected");
$("#mySel option[value='4']").attr("selected","selected");
var divContent = $('#testDiv').html();
alert(divContent);
});

输出:

<select id="mySel">
    <option value="1">opt 1</option>
    <option value="2">opt 2</option>
    <option value="3">opt 3</option>
    <option selected="selected" value="4">opt 4</option>
</select>