2012-04-17 165 views
0

这使我疯狂!我想添加一个空白选项,然后将其选中。这里是我的代码:添加空白选项并将其设为默认选择

$(rowToBeAdded.find("select")[0]).prepend("<option selected='selected' value=''></option>"); 

rowToBeAdded是TR元素。

由于某些原因,它总是选择第二个元素。 。

UPDATE:

$(rowToBeAdded.find( “选择”)[0])预先准备( “”)VAL( '');。

+0

没有,应该没问题。它会在顶部添加空元素,但不会选中它。 – azamsharp 2012-04-17 20:54:14

+0

你可以发布你正在运行的HTML吗? – j08691 2012-04-17 20:55:52

+0

您在添加或选择时遇到问题吗? – 2012-04-17 20:55:57

回答

0

问题在于您的选择器。我认为这是你在找什么:

$(rowToBeAdded).find("select:first").prepend("<option selected='selected' value=''></option>"); 

这里有一个完整的例子(Demo):

<script type="text/javascript"> 
    $(function() { 
     var rowToBeAdded = $("#table1 tr"); 
     if (rowToBeAdded) { 
      $(rowToBeAdded).find("select:first").prepend("<option selected='selected' value=''></option>"); 
     } 
    });​ 
</script> 
<table id="table1"> 
    <tr> 
     <td> 
      <select id="select1"> 
       <option value="volvo">Volvo</option> 
       <option value="saab">Saab</option> 
       <option value="mercedes">Mercedes</option> 
       <option value="audi">Audi</option> 
      </select> 
      <select id="select2"> 
       <option value="volvo">Volvo</option> 
       <option value="saab">Saab</option> 
       <option value="mercedes">Mercedes</option> 
       <option value="audi">Audi</option> 
      </select> 
     </td> 
    </tr> 
</table>​ 

而这里的输出:

enter image description here

最后,这里的如果你需要它真的是good reference guide

相关问题