當我使用jquery從選擇框中選擇不同的值時,如何更改消息。選擇框和jquery
<select name="myname">
<option value="rahul" selected>Rahul</option>
<option value="aisha">aisha</option>
</select>
如果rahul
選擇顯示一條消息hello rahul
或者aisha
被選中,那麼顯示一條消息hello aisha
當我使用jquery從選擇框中選擇不同的值時,如何更改消息。選擇框和jquery
<select name="myname">
<option value="rahul" selected>Rahul</option>
<option value="aisha">aisha</option>
</select>
如果rahul
選擇顯示一條消息hello rahul
或者aisha
被選中,那麼顯示一條消息hello aisha
可以使用change()事件
這裏有一個小提琴:http://jsfiddle.net/HjVxR/
$('[name="myname"]').change(function(){
$('#message').html('hello ' + $(this).val());
});
$('select[name="myname"]').change(function() {
var selected = $(this).val();
$('.message').html(selected);
});
給的框中輸入你要在選定的
類的消息給一個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());
});