Question

当我选择一个选项后我怎么能这样做呢？点击按钮后它会做什么？

这是我到目前为止：

<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>

的jQuery：

$(function(){
    $('#colors').change(function(){
        if ( this.value === 'red' ) {
            console.log('red selected');
        }
    });
});

http://jsfiddle.net/1dwboe6w/

Answer 1

试试这个：

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

更新的FIDDLE http://jsfiddle.net/1dwboe6w/4/

Answer 2

您可add button click event使用val()

获取价值

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

<强> Updated fiddle

Answer 3

只需添加到button的{{1}}事件：

onclick

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

Answer 4

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>

jquery的：

$(".btngo").on("click",function(){
    if ( $('#colors').val() === 'red' ) {
            console.log('red selected');
    }
})

Answer 5

您可以使用点击事件：

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

Answer 6

将click事件附加到您的按钮。

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

Answer 7

JSFIDDLE

只需使用这样的功能，它就会对你有用

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

jquery选择点击做某事

7 个答案: