2016-12-16 59 views
-4

我想要选择的选项,只是继续如何在jQuery中选择一个没有价值的选项?

$('.test1').eq(0).val('3');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select class="test1"> 
 
    <option href='1'>1</option> 
 
    <option href='2'>2</option> 
 
    <option href='3'>3</option> 
 
    <option href='4'>4</option> 
 
    <option href='5'>5</option> 
 
</select>

所以自动,直接进入所选选项 但是,如果该值不是数字的。但是这封信。因此,通过查看href选项上的数字,而不是通过value。就像这样:

<select class="test2"> 
    <option href='1'>A</option> 
    <option href='2'>B</option> 
    <option href='3'>C</option> 
    <option href='4'>D</option> 
    <option href='5'>E</option> 
</select> 

如何获得的ç价值?

这是我的测试https://jsfiddle.net/apycb97q/

+0

你的选项标签是错误的,你需要为每个选项定义一个值,以后你可以通过$(select).val(“optionValue”)来选择它 – cralfaro

+3

'href'?在提出堆栈溢出问题之前,请做一些研究。看[文档](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option)会告诉你怎么了。 –

+0

这是无效的HTML? – Liam

回答

2

使用value属性,在选项标签:

<select class="test1"> 
    <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> 
</select> 


$(document).ready(function() { 
    $('.test1').val('3'); // set a value in your dropdown 
    $('.test1').val(); // get the value selected in your dropdown 
)}; 
+0

哇!谢谢 – test

+2

哇LMAO ....... – Liam

0

按价值计算,有什么用jQuery 1.7为我工作的是下面的代码,试试这个:

<select id="test1"> 
    <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> 
</select> 

$('#test1 option[value=theOptionValue]').prop('selected', 'selected').change(); 
相关问题