2010-09-06 175 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。

希望这是你在找什么。

相关问题