在選擇標籤提交警報東西

Question

你好，請訪問這個小提琴1：http://jsfiddle.net/UWNtK/20/

當此下拉（選擇標籤）從默認值改變爲數字（例如：從類別1〜3），然後點擊提交按鈕，我想要alert()的東西。什麼是jQuery的方法呢？

下面是HTML結構：

<form action="#" method="post"> 
<div class="drop1"> 
    <select> 
     <option value="categ1">Category1</option> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 
     <option value="5">5</option> 
     <option value="6">6</option> 
     <option value="7">7</option> 
     <option value="8">8</option> 
    </select> 
</div> 
<div class="drop2"> 
    <select> 
     <option value="categ2">Category2</option> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 
    </select> 
</div> 
    <input type="button" value="Submit"/> 
</form> 

N.B：我是新來的jQuery。

謝謝。

Answer 1

使用change()方法在這裏：

$("select").change(function() { 
    alert(this.value); 
}); 

UPDATE

$("input[type='button']").click(function() { 
    var $select1 = $(".drop1 select"); 
    var $select2 = $(".drop2 select"); 
    if ($select1.val() !== 'categ1') alert($select1.val()); 
    else if ($select2.val() !== 'categ2') alert($select2.val()); 
}); 

Answer 2

$(document).ready(function() { 

    $('select').change(function() { 
     alert($(this).val()); 
    }); 
}); 

會是一個選項。 見jsfiddle

.change()和.val()，如果你想看到的實況。

編輯

更新jsfiddle

$(document).ready(function() { 

    $('input[type="button"]').click(function() { 
     var selectOne = $('.drop1 select'); 
     var selectTwo = $('.drop2 select'); 
     if (selectOne.val() != 'categ1') { 
      alert(selectOne.val()); 
     } 
     if (selectTwo.val() != 'categ2') { 
      alert(selectTwo.val()); 
     } 
    }); 
});