javascript - jquery 选择点击做某事

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

jQuery:

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

http://jsfiddle.net/1dwboe6w/

最佳答案

试试这个:

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

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

关于javascript - jquery 选择点击做某事,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30728258/

相关文章:

javascript - HTML 输入 "disabled"属性在 Bootstrap 模式中不起作用

javascript - 对更新内容的 AJAX 请求进行限速以避免重复

jquery - 如何更改 li 最后一个 anchor 颜色

javascript - 如何解析从 javascript 或 jquery 中的 php 脚本检索的 json 数据

javascript - 导航栏上的下拉菜单在 Safari 中不起作用,但在 Chrome 中有效

javascript - 无法访问在 Javascript 脚本标记内的 EJS 中声明的 json 数组的项目

javascript - 如何检索阴影全局变量的值?

javascript - 单击输入键上的 anchor 标记链接

javascript - 计算容器元素需要多少滚动才能使其子元素之一可见?

php - 如何使用ajax jquery将两个变量传递给php,mySQL