Question

嘿，我需要帮助，我是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>

谢谢

Answer 1

只需使用onchange功能，

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

Answer 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());
    })
});

onchange选择选项

2 个答案: