这样建表是没问题,我的选项是通过js代码写的方法添加进去的(js方法添加text输入框),那我该怎么往数据库里传值?也就是说怎么把text输入框中的值传到选项表中?后台逻辑控制。检测有多少个选项提交过来。然后依次插入数据库。能说的稍微具体点不, <script type="text/javascript"> function addOption(){ var txt = document.createElement("input"); txt.type="text"; txt.value="新添加的选项"; var div = document.getElementById("disDiv"); div.appendChild(txt); } </script> 这是我的增加选项的js代码,是通过什么传值,name?id?js方面第一次接触不太懂。
//在表尾添加一行 function addTr(){ var tableObj = document.getElementById("mainTable"); var xhtd = document.createElement("td"); with(xhtd){align="center";} xhtd.innerHTML = tableObj.childNodes[0].childNodes.length; var xmtd = document.createElement("td"); with(xmtd){align="center";} xmtd.innerHTML = "<input style="border:0" mce_style="border:0" type='text'><img src="search.jpg" mce_src="search.jpg" onclick='editXm(" + tableObj.childNodes[0].childNodes.length + ")'>"; var rygxtd = document.createElement("td"); with(rygxtd){align="center";} rygxtd.innerHTML = "<select><option value='1'>父亲</option><option value='2'>母亲</option></select>"; var sctd = document.createElement("td"); with(sctd){align="center";} sctd.innerHTML = "<img src="delete.jpg" mce_src="delete.jpg" onclick='delTr(" + tableObj.childNodes[0].childNodes.length + ")'>"; var tr = document.createElement("tr"); tr.appendChild(xhtd); tr.appendChild(xmtd); tr.appendChild(rygxtd); tr.appendChild(sctd); var tableObj = document.getElementById("mainTable"); tableObj.childNodes[0].appendChild(tr); }//删除指定行 function delTr(num){ if(window.confirm("真的删除吗?")){ var tableObj = document.getElementById("mainTable"); tableObj.childNodes[0].removeChild(tableObj.childNodes[0].childNodes[num]); resetSeq(); } }//行序列号重置 function resetSeq(){ var tableObj = document.getElementById("mainTable"); for(var i = 1;i < tableObj.rows.length;i ++){ tableObj.rows[i].cells[0].innerHTML = i; } }//模态传值 function editXm(num) { var tableObj = document.getElementById("mainTable"); var obj = new Object(); obj.name = "title"; var rev = window.showModalDialog("modal.html",obj,'dialogWidth=600px;dialogHeight=600px,dialogLeft=200px,dialogTop=200px,center=yes,help=1,resizable=0,status=1,scroll=1,edge=sunken,unadorned=yes,dialogHide=0'); if(rev){ tableObj.rows[num].cells[1].innerHTML = "<input value='" + rev + "' style="border:0" mce_style="border:0" type='text'><img src="search.jpg" mce_src="search.jpg" onclick='editXm(" + num + ")'>"; } } 这是一个例子,用 js 写的,你可以参考下。 当然,用 jQuery 写的话,会更方便、高效。
<script type="text/javascript">
function addOption(){
var txt = document.createElement("input");
txt.type="text";
txt.value="新添加的选项";
var div = document.getElementById("disDiv");
div.appendChild(txt);
}
</script>
这是我的增加选项的js代码,是通过什么传值,name?id?js方面第一次接触不太懂。
function addTr(){
var tableObj = document.getElementById("mainTable");
var xhtd = document.createElement("td");
with(xhtd){align="center";}
xhtd.innerHTML = tableObj.childNodes[0].childNodes.length;
var xmtd = document.createElement("td");
with(xmtd){align="center";}
xmtd.innerHTML = "<input style="border:0" mce_style="border:0" type='text'><img src="search.jpg" mce_src="search.jpg" onclick='editXm(" + tableObj.childNodes[0].childNodes.length + ")'>";
var rygxtd = document.createElement("td");
with(rygxtd){align="center";}
rygxtd.innerHTML = "<select><option value='1'>父亲</option><option value='2'>母亲</option></select>";
var sctd = document.createElement("td");
with(sctd){align="center";}
sctd.innerHTML = "<img src="delete.jpg" mce_src="delete.jpg" onclick='delTr(" + tableObj.childNodes[0].childNodes.length + ")'>"; var tr = document.createElement("tr");
tr.appendChild(xhtd);
tr.appendChild(xmtd);
tr.appendChild(rygxtd);
tr.appendChild(sctd);
var tableObj = document.getElementById("mainTable");
tableObj.childNodes[0].appendChild(tr);
}//删除指定行
function delTr(num){
if(window.confirm("真的删除吗?")){
var tableObj = document.getElementById("mainTable");
tableObj.childNodes[0].removeChild(tableObj.childNodes[0].childNodes[num]);
resetSeq();
}
}//行序列号重置
function resetSeq(){
var tableObj = document.getElementById("mainTable");
for(var i = 1;i < tableObj.rows.length;i ++){
tableObj.rows[i].cells[0].innerHTML = i;
}
}//模态传值
function editXm(num) {
var tableObj = document.getElementById("mainTable");
var obj = new Object();
obj.name = "title";
var rev = window.showModalDialog("modal.html",obj,'dialogWidth=600px;dialogHeight=600px,dialogLeft=200px,dialogTop=200px,center=yes,help=1,resizable=0,status=1,scroll=1,edge=sunken,unadorned=yes,dialogHide=0');
if(rev){
tableObj.rows[num].cells[1].innerHTML = "<input value='" + rev + "' style="border:0" mce_style="border:0" type='text'><img src="search.jpg" mce_src="search.jpg" onclick='editXm(" + num + ")'>";
}
}
这是一个例子,用 js 写的,你可以参考下。
当然,用 jQuery 写的话,会更方便、高效。
1)投票主表:投票基本信息(id,标题,项目数,类型......)
2)投票项表:用来记录投票的明细表(id,投票id,标题,类型,排序)
3)用户投票表:记录用户点击投票项结果的。(id,userId,投票项id,...)