我們可以在HTML下拉列表中選擇組嗎？

我想在下拉列表中以組的形式顯示一些數據。我們可以選擇一個組而不是一個組成員來選擇下拉列表中的完整組。如果是，那麼如果沒有其他方式或螞蟻可以使用其他控制方式？我們可以在HTML下拉列表中選擇組嗎？

感謝 Ashwani

2010-05-12 Ashwani K

如果你的意思是你可以收集一個子集的形式的select框內的選項，那麼，我相信你可以：

 <form method="post" action="" enctype="form/multipart"> 
     <fieldset> 
      <select> 
      <optgroup label="numbers"> 
       <option>One</option> 
       <option>Two</option> 
       <option>Three</option> 
      </optgroup> 

      <optgroup label="letters"> 
       <option>a</option> 
       <option>b</option> 
       <option>c</option> 
      </optgroup> 
      </select> 
     </fieldset> 
     </form> 

demo at: http://jsbin.com/iwada3/edit

編輯在意識到自己是個白癡後，解決了真正被問到的問題（對不起，漫長的一天......）：

<!DOCTYPE html> 
<html> 
<head> 
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

    <script type="text/javascript"> 

    $(document).ready(
     function() { 
     $('option.all').click(
     function() { 
      $(this).parent().children().attr('selected','selected'); 
      $(this).attr('selected',''); 
     } 
     ); 
     } 
    ); 

    </script> 
<meta charset=utf-8 /> 
<title>JS Bin</title> 
<!--[if IE]> 
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 
<style> 
    article, aside, figure, footer, header, hgroup, 
    menu, nav, section { display: block; } 
</style> 
</head> 
<body> 

    <form> 
    <fieldset> 
     <select multiple> 
     <optgroup class="num" label="numbers"> 
      <option class="num all">Select all:</option> 
      <option class="num">One</option> 
      <option class="num">Two</option> 
      <option class="num">Three</option> 
     </optgroup> 

     <optgroup class="let"label="letters"> 
      <option class="let all">Select all:</option> 
      <option class="let">a</option> 
      <option class="let">b</option> 
      <option class="let">c</option> 
     </optgroup> 
     </select> 
    </fieldset> 
    </form> 
</body> 
</html>

演示在：http://jsbin.com/ebeke3

它確實需要jQuery（在這個版本中，至少），但我不能看到你所需要的替代JS，我很抱歉地說。

如果你的意思是別的，那麼我不確定我是否理解這個問題。

來源

2010-05-12 18:07:11

感謝Ricebowl，實施你給我，我已經擁有它，但我想要的是選擇組名稱也。我的意思是，在你的代碼中，（一，二，三）是在數字組中，我可以選擇NUMBERS作爲選項。或者其他方法？ – 2010-05-12 18:14:45

我喜歡你的答案，但我懷疑OP希望通過選擇OPTGROUP名稱來選擇所有的組成員。這個例子不允許你選擇組名 - 只有組成員。 – MJB 2010-05-12 18:16:15

@Ashwani K，@MJB;是的，我顯然是一個白癡......我只是通過jsbin的一些想法，覺得他們應該工作，但不。我假設你/他想點擊'數字'，然後讓所有的孩子'選擇'突出顯示？ – 2010-05-12 18:17:47

我們可以在HTML下拉列表中選擇組嗎？

回答

相關問題