2017-04-19 49 views
0

如果我有這樣的代碼:jQuery的檢查哪些選項被選中

<td class="field-type">     
    <select id="id_virtual_as_set-0-type" name="virtual_as_set-0-type"> 
     <option value="M">M</option> 
     <option value="AI" selected="selected">AS I</option> 
     <option value="D">D</option> 
     <option value="P">P</option> 
     <option value="A">A</option> 
     <option value="R"</option> 
    </select>  
</td> 

我想找出哪個選項值選擇,我怎麼可以通過jQuery做到這一點?另外問題是我有一個<td>元素的句柄,我想要能夠從<td>元素訪問<select>,然後檢查選定的選項是什麼。

+0

http://stackoverflow.com/questions/10659097/jquery-get-selected-option-from-dropdown –

+0

或者這一個http://stackoverflow.com/a/ 10213645/4763754 – Loaf

+3

可能重複的[如何檢查選項是否被選中?](http://stackoverflow.com/questions/10213620/how-to-check-if-an-option-is-selected) – Loaf

回答

2

是的。

試試看:

$("#id_virtual_as_set-0-type").val() 
+3

請花時間解釋您的答案,而不是轉儲代碼。在這裏你可以找到更多關於如何回答問題的信息,以便其他人也可以從中獲益:http://stackoverflow.com/help/how-to-answer –

0

在這裏,我已經創造瞭如何做到這一點的例子。

$(document).ready(function(){ 
 
function getSelectedProperty(select){ 
 
var selectedOption = select.find("option:selected"); 
 
$("p").html("selected Value:"+selectedOption.val() + " SelectedText:" +selectedOption.html()) 
 
} 
 
var select = $("select"); 
 
select.change(function(){ 
 
getSelectedProperty($(this)); 
 

 
}); 
 
getSelectedProperty(select); 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<td class="field-type">     
 
    <select id="id_virtual_as_set-0-type" name="virtual_as_set-0-type"> 
 
     <option value="M">M</option> 
 
     <option value="AI" selected="selected">AS I</option> 
 
     <option value="D">D</option> 
 
     <option value="P">P</option> 
 
     <option value="A">A</option> 
 
     <option value="R"</option> 
 
    </select>  
 
     
 
    <p></p> 
 
</td>

0

有很多辦法做到這一點。 這是我該怎麼辦

$('select').on('click', function() { 
    console.log($(this).find('option:selected').val()); 
}); 
相關問題