2016-12-16 6 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ではなく、 Cの値を取得する方法

<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'で選択できますか? Stack Overflowに関する質問をする前に、いくつかの調査をしてください。 [ドキュメント](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(); 
関連する問題