以编程方式填充的“选择字段”具有更改值

Question

我有这样的选择字段，当我更改选择选项时，我会收到此更改事件。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
    <option value="1">Value 1</option>
    <option value="2">Value 2</option>
    <option value="3">Value 3</option>
    <option value="4">Value 4</option>
</select>

<script>
$("select").change(function () {
console.log($(this).val());
 }).change();
</script>

但是我这样通过js填充选择字段，并且无法获取更改事件值

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div></div>
<br>
<button>Click</button>


<script>
$("button").on("click", function (e) {
var str ="";
str +='<select>';
    str +='<option value="1">Value 1</option>';
    str +='<option value="2">Value 2</option>';
    str +='<option value="3">Value 3</option>';
    str +='<option value="4">Value 4</option>';
str +='</select>';
$('div').html(str);
});
    
$("select").change(function () {
console.log($(this).val());
 }).change();
</script>