如何在jquery中创建click函数?

时间:2012-02-29 13:49:06

标签: jquery html

我有选择输入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>

3 个答案:

答案 0 :(得分:3)

试试这个:

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

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

答案 1 :(得分:2)

我认为您正在寻找.change()

http://api.jquery.com/change/

$("#slt").change(function(){

    $('#catch').html($(this).val());

});

答案 2 :(得分:0)

单击“slt”的内容后,

this maybe? .change()方法会立即触发。那么你必须使用“selected”属性(链接中的例子)来检索你需要的值并处理它

相关问题