Как выбрать опцию в jquery без значения?

Question

Я хочу сделать выберите вариант, просто идти вперед

$('.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> 

Как получить значение C?

Этот тест мой https://jsfiddle.net/apycb97q/

Answer 1

Используйте 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 
)}; 

Answer 2

По значению, что работало на меня с 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();