选择选项的 onchange答案

【问题标题】：onchange for select option选择选项的 onchange
【发布时间】：2014-04-27 20:19:20
【问题描述】：

嘿，我需要帮助，我是 java 脚本的新手。我正在尝试为用户创建选项，当他们选择一个选项时，它将显示他们选择的内容的弹出消息，但没有提交按钮，例如当我选择红色，它会显示你选择了红色，如果我选择红色和蓝色，它会显示你选择了红色和蓝色

这是脚本

  $('#deneme').change(function(){ 

if($(this).val()=="Value1"){

    alert(you have selected red)
}
else if($(this).val()=="Value2"){

    alert(you have selected Green)                   
}

 else if($(this).val()=="Value3"){

    alert(you have selected blue)                   
}

 else if($(this).val()=="Value1"   && $(this).val()=="Value3"){

    alert(you have selected blue and red)                   
}

})

这是html

  <select id="deneme">
<option val='Value1'>Red</option>
<option val='Value2'>Green</option>

<select id="deneme">
<option val='Value3'>Blue</option>
<option val='Value3'>Green</option>

谢谢你

【问题讨论】：

不要使用重复的 ID...
选择选项不正确。更改选项并重新发布问题

标签： javascript jquery html

【解决方案1】：

只需使用它 onchnage 功能，

var dropdown = $("#denane option:selected");
var selected_value = dropdown.val();

【讨论】：

【解决方案2】：

这应该可以工作（请参阅fiddle）

<select id="deneme">
    <option val='Value1'>Red</option>
    <option val='Value2'>Green</option>
    <option val='Value3'>Blue</option>
</select>

$(document).ready(function(){
    $("#deneme").change(function(){
        var opt = $(this).find("option:selected");
        alert("You have selected " + opt.text());
    })
});

【讨论】：