jQuery检查选择了哪个选项

时间:2017-04-19 19:43:52

标签: javascript jquery html-table

如果我有这段代码:

<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>元素的句柄,我希望能够从<select>元素访问<td>,然后检查所选的选项是什么。

4 个答案:

答案 0 :(得分:2)

试试吧:

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

答案 1 :(得分:0)

试试这个

ldconfig -p

答案 2 :(得分: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>

答案 3 :(得分:0)

有很多方法可以做到这一点。 这就是我的做法

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