jquery - jquery中如何实现点击功能？

Question

我选择了id为“slt”的输入，我想选择值的内部文本并将其文本分配给另一个div。我有一个代码，我可以从中获取它的值，现在我想在用户更改输入值时创建一个 onchange 函数，该值应该分配给另一个 div。

jQuery 代码:

var ch= $('#sltnew option:selected').html();
$('#catch').html(ch);

HTML:

<div id="catch">select city</div>;

<select name="sltnew" id="slt" onchange="change ()">
    <option value="opt1">hello</option>
    <option value="opt2">Option 2</option>
    <option value="opt3">Option 3</option>
    <option value="opt4">Option 4</option>
    <option value="opt5">Option 5</option>
    <option value="opt6">Option 6</option>
    <option value="opt7">Option 7</option>
    <option value="opt8">Option 8</option>
</select>

Answer 1

试试这个:

// on load
var ch = $('#sltnew option:selected').html();
$('#catch').html(ch);

// on change
$("#slt").change(function() {
    $('#catch').html($(":selected", this).html())
});