Javascript jquery单击“执行操作”选择

当我选择一个选项时，我该怎么做？单击按钮后它会做些什么？

这就是我到目前为止所做的：

<select id="colors">
    <option value="">Select Color</option>      
    <option value="red">red</option>
    <option value="blue">blue</option>
    <option value="green">green</option>
</select>

<button>GO</button>

---

您可以

添加按钮单击事件

并使用

val（）

---

只需添加到

按钮的
onclick事件：


$（函数（）{
$（“按钮”）。单击（函数（）{
if（$（'#colors'）.val（）='red'）{
console.log（'red selected'）；
}
});
});

选择颜色
红色
蓝色
绿色
去试试这个：

$("button").click(function () {
        if ($('#colors').val() === 'red') {
            alert('red selected');
        }
    });

更新的FIDDLE
html:

<select id="colors">
    <option value="">Select Color</option>      
    <option value="red">red</option>
    <option value="blue">blue</option>
    <option value="green">green</option>
</select>
<button class="btngo">GO</button>

您可以使用单击事件：

$(function(){
    $('button').click(function(){
        if (  $('#colors').val() === 'red' ) {
            console.log('red selected');
        }
    });
});

将
单击
事件附加到按钮

$(function(){
$('#go').click(function(){
    if ( $('#colors').val() === 'red' ) {
        console.log('red selected.');
    }
});
});


只要使用像这样的函数，它就会为您工作

$('#colors').on('change', function() {

您可以将点击事件添加到
go
按钮@PraveenKumar appadila panna kudathu thappu…..下次您发布正确答案时，我会这样做….对不起….@Bala Suvar。。。Nallavanga neenga。\n很高兴帮助您。如果答案有帮助，请接受并投票表决。
$(function(){
    $('button').click(function(){
        if (  $('#colors').val() === 'red' ) {
            console.log('red selected');
        }
    });
});

$(function(){
$('#go').click(function(){
    if ( $('#colors').val() === 'red' ) {
        console.log('red selected.');
    }
});
});

$('#colors').on('change', function() {