Не могу изменить выбранное значение с помощью jQuery

Question

У меня очень простой выбор, определенный следующим образом:

<select name='typedoc' id ='typedoc' size=1>
    <option>1</option>
    <option>2</option>
</select>

Есть 2 значения, 1 и 2.Дисплей в порядке.Я не могу изменить значение с помощью jQuery.Я пытался:

$('[name=typedoc]').val('2');

и

$('#typedoc').val('2');

Но ddl остается на первом выборе.Строки перед выполнением, так что я уверен, что функция вызывается.Что может быть не так?

Answer 1

Поскольку ваш вопрос не очень понятен, я предполагаю, что вы хотите один для следующих 3 решений,

//To change the value of the option
$('[name=typedoc] option[value=2]').val('3'); 

//To select option with value = 3
$('[name=typedoc] option[value=3]').prop('selected',true);

//To Change the text of the option with value = 3
$('[name=typedoc] option[value=3]').text('Third');

Answer 2

У меня работает .... проверьте свою разметку или дайте более подробную информацию ...

http://jsfiddle.net/uTkyE/1/

Answer 3

Вместо .val() используйте $('#typedoc option[value="2"]').attr('selected', true)

Answer 4

Это работает

<select name='typedoc' id ='typedoc' size=1>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
</select>

jquery

jQuery(document).ready(function ($) {
    $('[name=typedoc]').val('4');
});

Answer 5

выглядит хорошо для меня, проверьте вашу разметку на наличие синтаксических ошибок

HTML:

<select name='typedoc' id ='typedoc' size=1>
    <option value="1" >1</option> 
    <option value="2" >2</option>     
</select>

JS:

$(function() {
    $('[name=typedoc]').val('2');
});

DEMO

Answer 6

Я тоже решил эту проблему, используя это:

$('#typedoc option[value="2"]').prop('selected',true);

Очевидно, что вы можете заменить значение динамически, отредактировав строку селектора