从选择转换为检查清单?

时间:2011-04-21 20:25:08

标签: php javascript jquery html css

我有一个像这样的选择列表:

<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/将select转换为下拉列表。有没有办法使用php,javascript,jquery,将select转换为显示为清单?最好以表格形式,所以我得到2行3列?

2 个答案:

答案 0 :(得分:0)

看起来示例链接使用jquery ...

确保您拥有jquery.js库的源代码,以及该网站提供的下载库的源代码。

然后打电话,

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

我还没有尝试过,但那就是教程所要做的......

祝你好运。

PS - 我很难从该网站上找到实际库的下载,所以现在就是这样。 http://code.google.com/p/dropdown-check-list/

答案 1 :(得分:0)

你可以这样自定义的方式:

$('#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/