表单自定义怎么做啊?
公司现在做一个项目。表单由顾客自己可以生成。比如点击一个标题框就生成一个标题框。并把<inputtype=textvalue=...>这段html写入数据库表中的HTML...
公司现在做一个项目。表单由顾客自己可以生成。比如点击一个标题框就生成一个标题框。并把<input type=text value=...>这段html写入数据库表中的HTML(BLOB)字段里。点击一个单选框,复选框,提交按钮同理。这样可以动态生成客服想要的表单。
请问怎么实现啊?我是新手。老大说用javascript和ajax做。是这样吗?怎么做啊?不知道怎么下手。请问我应该怎么做?怎样实现这个功能的?用java.谢谢。
谢谢鼓励!!!能不能给个简单的例子。比如把标题栏弄出来。谢谢! 展开
请问怎么实现啊?我是新手。老大说用javascript和ajax做。是这样吗?怎么做啊?不知道怎么下手。请问我应该怎么做?怎样实现这个功能的?用java.谢谢。
谢谢鼓励!!!能不能给个简单的例子。比如把标题栏弄出来。谢谢! 展开
2个回答
展开全部
看看这个符合你的要求不?
javascript的函数:
<script language='javascript'>
//根据不同的选择产生不同的控件
function create(obj)
{
var div=document.getElementById("createcontrol");
var input=document.createElement("input");
switch(obj)
{
case "下拉框":
div.innerHTML="";
var sel=document.createElement("select");
div.appendChild(sel);
sel.add(new Option('湖南',1));
sel.add(new Option('湖北',2));
sel.add(new Option('广东',3));
sel.add(new Option('广西',4));
sel.onchange=function showValue()
{
alert(this.value);
}
break;
case "文本框":
div.innerHTML="";
input.type="text";
input.value="文本框";
div.appendChild(input);
break;
case "单选按钮":
div.innerHTML="";
input.type="radio";
input.value="篮球";
input.onclick=function getValue()
{
alert(this.value);
};
div.appendChild(input);
div.appendChild(document.createTextNode("篮球"));
break;
case "复选按钮":
div.innerHTML="";
input.type="checkbox";
input.value="足球";
input.onclick=function getValue()
{
alert(this.value);
};
div.appendChild(input);
div.appendChild(document.createTextNode("足球"));
break;
case "普通按钮":
div.innerHTML="";
input.type="button";
input.value="普通按钮";
div.appendChild(input);
}
}
</script>
这是在网页中的一个下拉框,用于选择所要产生的控件:
<table>
<tr>
<td><select name="select" onchange="create(this.value)">
<option>==请选择需要产生的控件==</option>
<option value="下拉框">下拉框</option>
<option value="文本框">文本框</option>
<option value="单选按钮">单选按钮</option>
<option value="复选按钮">复选按钮</option>
<option value="普通按钮">普通按钮</option>
</select>
</td>
<td><div id="createcontrol"></div></td>
</tr>
</table>
呵呵,祝你好运!!!!!
javascript的函数:
<script language='javascript'>
//根据不同的选择产生不同的控件
function create(obj)
{
var div=document.getElementById("createcontrol");
var input=document.createElement("input");
switch(obj)
{
case "下拉框":
div.innerHTML="";
var sel=document.createElement("select");
div.appendChild(sel);
sel.add(new Option('湖南',1));
sel.add(new Option('湖北',2));
sel.add(new Option('广东',3));
sel.add(new Option('广西',4));
sel.onchange=function showValue()
{
alert(this.value);
}
break;
case "文本框":
div.innerHTML="";
input.type="text";
input.value="文本框";
div.appendChild(input);
break;
case "单选按钮":
div.innerHTML="";
input.type="radio";
input.value="篮球";
input.onclick=function getValue()
{
alert(this.value);
};
div.appendChild(input);
div.appendChild(document.createTextNode("篮球"));
break;
case "复选按钮":
div.innerHTML="";
input.type="checkbox";
input.value="足球";
input.onclick=function getValue()
{
alert(this.value);
};
div.appendChild(input);
div.appendChild(document.createTextNode("足球"));
break;
case "普通按钮":
div.innerHTML="";
input.type="button";
input.value="普通按钮";
div.appendChild(input);
}
}
</script>
这是在网页中的一个下拉框,用于选择所要产生的控件:
<table>
<tr>
<td><select name="select" onchange="create(this.value)">
<option>==请选择需要产生的控件==</option>
<option value="下拉框">下拉框</option>
<option value="文本框">文本框</option>
<option value="单选按钮">单选按钮</option>
<option value="复选按钮">复选按钮</option>
<option value="普通按钮">普通按钮</option>
</select>
</td>
<td><div id="createcontrol"></div></td>
</tr>
</table>
呵呵,祝你好运!!!!!
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询