选择框和jquery

Question

当我使用jquery从选择框中选择不同的值时，如何更改消息。

<select name="myname"> 
    <option value="rahul" selected>Rahul</option> 
    <option value="aisha">aisha</option> 
</select> 

如果rahul选择显示一条消息hello rahul或者aisha被选中，那么显示一条消息hello aisha

Answer 1

可以使用change()事件

这里有一个小提琴：http://jsfiddle.net/HjVxR/

$('[name="myname"]').change(function(){ 
    $('#message').html('hello ' + $(this).val()); 
}); 

Answer 2

$('select[name="myname"]').change(function() { 
    var selected = $(this).val(); 
    $('.message').html(selected); 
}); 

给的框中输入你要在选定的

Answer 3

类的消息给一个ID您的选择框状

<select id ="op" name="myname"> 
<option value="rahul" selected>Rahul</option> 
<option value="aisha">aisha</option> 
</select> 

然后ü可以使用一些这样的事

$('#op').change(function(){ 
alert("Hello " + $(this).val()); 
});