需求：點擊展開下拉框并多選，然后將選中的值post到處理頁面
//基本結構如下
<form method="post" action="testarray.php">
//這里需要放入一個類似input的東西，點擊后展開，進行多選，name="content_array"
<input type="submit" value="https://bbs.csdn.net/topics/點擊傳遞選項值">
</form>
//testarray.php頁面可以
$content_array=$_POST["content_array"];
uj5u.com熱心網友回復：
我現在用了EasyUI。實際操作中，發現只是post了最后一個多選值。
<!DOCTYPE html>
<html>
<head>
<title>測驗01</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="https://bbs.csdn.net/topics/EasyUI/easyui.css" />
<script type="text/javascript" src="https://bbs.csdn.net/topics/EasyUI/jquery.min.js"></script>
<script type="text/javascript" src="https://bbs.csdn.net/topics/EasyUI/jquery.easyui.min.js"></script>
<style type="text/css">
</style>
<script type="text/javascript">
$(function () {
$('#ddlLine').combotree({
valueField: "id", //Value欄位
textField: "text", //Text欄位
multiple: true,
data: [{ "id": 1, "text": "All", "children": [{ "id": 13, "text": "C1" }, { "id": 14, "text": "C2" }, { "id": 15, "text": "C3"}]}]
,
// url: "tree_data2.json", //資料源
onCheck: function (node, checked) {
//讓全選不顯示
$("#ddlLine").combotree("setText", $("#ddlLine").combobox("getText").toString().replace("全選,", ""));
},
onClick: function (node, checked) {
//讓全選不顯示
$("#ddlLine").combotree("setText", $("#ddlLine").combobox("getText").toString().replace("全選,", ""));
}
});
})
</script>
</head>
<body>
<form method="post" action="testarray.php">
多選：<select id="ddlLine" class="easyui-combotree" name="content_array" style="width: 205px; height: 24px;">
</select>
<input type="submit" value="https://bbs.csdn.net/topics/傳遞選項值">
</form>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/162288.html
標籤：JavaScript
上一篇：如何洗掉createElement創建的元素 未添加到DOM樹中
下一篇：給計算機專業學生的幾條建議