如何选择并设置选项?

时间:2010-10-09 02:07:04

标签: jquery

这是我拥有的,这里是html ...我做错了什么?

$("#request_showdate_1i option[value='2012']").attr("selected","selected");

  <select name="request[showdate(1i)]" id="request_showdate_1i">
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010" selected="selected">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
 </select>

2 个答案:

答案 0 :(得分:4)

您需要做的就是:

 $('#request_showdate_1i').val('2012');

jQuery将完成其余的工作:)

请参阅此处的第二个示例:http://api.jquery.com/val/#val2

答案 1 :(得分:1)

你的代码是正确的(虽然Darryl Hein的答案更容易输入),所以一定有其他一些问题。

您的JS代码在哪里?

它是否已准备就绪? ==&GT; `$(function(){...});

是否包含jQuery等。

这是 fully working HTML page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
    <title> - jsFiddle demo</title> 
    <script type='text/javascript' src='http://code.jquery.com/jquery-1.4.2.js'></script> 

    <link rel="stylesheet" type="text/css" href="/css/normalize.css"/> 
    <link rel="stylesheet" type="text/css" href="/css/result-light.css"/> 

    <style type='text/css'> 
        body {
            background-color: transparent;
            padding: 10px;
        }

    </style> 
    <script type='text/javascript'> 
    //<![CDATA[ 

        $(function() {
    $("#request_showdate_1i option[value='2012']").attr("selected","selected");
});


    //]]> 
    </script> 
</head> 
<body> 
    <form> 
<select name="request[showdate(1i)]" id="request_showdate_1i"> 
<option value="2005">2005</option> 
<option value="2006">2006</option> 
<option value="2007">2007</option> 
<option value="2008">2008</option> 
<option value="2009">2009</option> 
<option value="2010" selected="selected">2010</option> 
<option value="2011">2011</option> 
<option value="2012">2012</option> 
<option value="2013">2013</option> 
<option value="2014">2014</option> 
<option value="2015">2015</option> 
</select> 
<form> 

</body> 


</html>