2015-06-09 92 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() {