2015-06-09 64 views
1

我该如何做,当我选择一个选项后,我会点击按钮后会做些什么?

jquery select on click

这是我到目前为止有:

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

+2

您可以点击事件添加到'go'按钮http://jsfiddle.net/1dwboe6w/2/ –

回答

1

试试这个:

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

修订FIDDLE http://jsfiddle.net/1dwboe6w/4/

+0

谢谢你们! – user4571629

+0

很高兴为您效劳。如果有帮助,请接受并提出答案。 –

0

可以add button click event,并使用获得价值val()

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

Updated fiddle

0

只需添加到buttononclick事件:

$(function(){ 
 
    $('button').click(function(){ 
 
     if ($('#colors').val() === 'red') { 
 
      console.log('red selected'); 
 
     } 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<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>

+1

谢谢你们! – user4571629

+0

@PraveenKumar appadila panna kudathu thappu .....我会做下一次当你张贴正确的答案....对不起...... – Balachandran

+0

@Bala Suvar ... Nallavanga neenga。\ –

0

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'); 
    } 
}) 
0

你可以使用Click事件:

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

连接click事件到您的按钮。

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

JSFIDDLE

只是使用功能类似这样的,它会为你工作

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