无法使用 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

我也遇到了这个问题，通过使用以下方法解决了它：

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

显然，您可以通过编辑选择器字符串动态替换该值

Answer 3

这是工作

<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 4

对我有用....检查您的标记或提供更多详细信息...

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

Answer 5

使用 $('#typedoc option[value="2"]').attr('selected', true) 而不是 .val()

Answer 6

对我来说看起来不错，请检查您的标记是否存在语法错误

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');
});

演示