2010-09-06 173 views
2

我有一個多選。如何做到,所有的選項總是會被選中?或者如何選擇所有選項ob提交。我只有一類選擇(不是ID)。選擇所有選項

+2

通過將「selected」屬性添加到所有選項? – 2010-09-06 09:25:12

+0

如何?請編碼。 – pltvs 2010-09-06 09:27:18

回答

7

我想你甚至可以寫你的替代路線是這樣的:

$(".someClass option").attr("selected", "selected"); 

避免.each()循環。

0

我不是100%肯定這是你問的,但這裏有雲:

<SELECT MULTIPLE="yes" ID="multipleSelect"> 
<OPTION VALUE="1" SELECTED="selected">Option 1</OPTION> 
<OPTION VALUE="2" SELECTED="selected">Option 2</OPTION> 
<OPTION VALUE="3" SELECTED="selected">Option 3</OPTION> 
<OPTION VALUE="4" SELECTED="selected">Option 4</OPTION> 
<OPTION VALUE="5" SELECTED="selected">Option 5</OPTION> 
<OPTION VALUE="6" SELECTED="selected">Option 6</OPTION> 
</SELECT> 

<INPUT TYPE="submit" ID="submit" value="Go!"/> 

對於動態選項(使用jQuery):

$("#submit").click(function() { 
    $("#multipleSelect option").each(function() { 
    $(this).attr("selected", "selected"); 
    }); 
}); 

未測試。

祝你好運。

+0

我需要使它成爲dinamically。 – pltvs 2010-09-06 09:33:34

+2

你應該對你的問題更具體。 – janosrusiczki 2010-09-06 09:34:45

+0

添加動態選項。 – janosrusiczki 2010-09-06 09:39:35

1

這裏稍微修改Kitsched的代碼,以確保你能夠選擇按鈕/選擇控件,如果你只有類而不是id。

<html id="html"> 
<body id="body"> 
<script src="file:\\\D:\Sidharth\javascript\jquery-1.4.2.min.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 

     function SelectAll() { 
      $(".someClass").children().each(function() { $(this).attr("selected", "selected"); }); 
     } 

     $(".clickme").bind("click", SelectAll); 


    }); 
</script> 
<input type="submit" class="clickme" /> 
<select multiple="yes" class="someClass"> 
<OPTION VALUE="1" id="one">Option 1</OPTION> 
<OPTION VALUE="2" id="two">Option 2</OPTION> 
<OPTION VALUE="3" id="three">Option 3</OPTION> 
<OPTION VALUE="4" id="four">Option 4</OPTION> 
</select> 

</div> 
</body> 
</html> 

如果您有任一按鈕的ID或選擇只是替換。用#在腳本中。對於例如如果按鈕的id是clickme而不是class,則只需使用#clickme而不是.clickme。

希望這是你在找什麼。

相關問題