从选择转换到检查清单？

我有一个选择列表像这样：从选择转换到检查清单？

<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

从选择转换到检查清单？

回答

相关问题