從選擇轉換到檢查清單？

我有一個選擇列表像這樣：從選擇轉換到檢查清單？

<select name="taxonomy[1][]" multiple="multiple" class="form-select" id="edit-taxonomy-1" size="7"> 
<option value="13">Glaciers</option> 
<option value="14">Lake Ice</option> 
<option value="17">Permafrost</option> 
<option value="16">River Ice</option> 
<option value="15">Sea Ice</option> 
<option value="12">Snow</option> 
</select>

被動態創建這個列表，我不知道如何改變輸出顯示。我見過這樣的教程：http://www.netvivs.com/convert-regular-select-into-a-drop-down-checkbox-list-using-jquery/它將選擇轉換爲下拉檢查列表。有沒有辦法使用PHP，JavaScript，jQuery，將選擇轉換爲清單顯示？最好在表格中，我得到2列3列？

來源

2011-04-21 LostLin

變化與對複選框的HTML？ – locrizak 2011-04-21 20:26:18

不改變html。更改顯示屏 – LostLin 2011-04-21 20:28:16

使用您在問題中引用的鏈接。你在找人寫代碼嗎？ – 2011-04-21 20:33:35

你可以做一個自定義的方式，像這樣：

$('#edit-taxonomy-1').parent().append('<table id="checkboxes"><tbody><tr></tr></tbody></table>'); 

$('#edit-taxonomy-1 option').each(function() { 
var label = $(this).html(); 
var value = $(this).attr('value'); 
$('#checkboxes tbody tr').append('<td><input type="checkbox" value="'+value+'">'+label+'</td>'); 
});

或者只是使用插件：http://code.google.com/p/dropdown-check-list/

來源

2011-04-21 20:36:33 thugsb

這是第一次沒有工作，我再次嘗試它，它工作cooool – LostLin 2011-04-25 14:19:15

貌似例如鏈接，它使用jQuery ...

只要確保你有一個源的jquery.js庫，以及該網站提供了一個下載庫源。

然後就打電話，

$("#edit-taxonomy-1").dropdownchecklist();

我還沒有嘗試過，但多數民衆贊成什麼教程說做...

好運。

PS - 我很難嘗試從該站點找到實際庫的下載，所以在這裏。 http://code.google.com/p/dropdown-check-list/

來源

2011-04-21 20:33:33 clamchoda

我希望複選框沒有下拉，但 – LostLin 2011-04-21 20:38:04

啊，我明白了。你不能設置一個屬性/使用JavaScript來保持下拉打開？ – clamchoda 2011-04-21 20:47:50

我對javascript不是很好，只是不知道該怎麼做 – LostLin 2011-04-23 06:11:34

從選擇轉換到檢查清單？

回答

相關問題