选择Box和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());
});