最近在做一个投票功能,一个投票下面有多个投票的项目,项目下至少有2个以上的选择。
在发起投票的时候可以用javascript创建fieldset和子标签呢?效果参考页面:
http://www.scagri.gov.cn:81/pub/scagripoll/200807/p910.htm
在发起投票的时候可以用javascript创建fieldset和子标签呢?效果参考页面:
http://www.scagri.gov.cn:81/pub/scagripoll/200807/p910.htm
<script language="javascript">
function add(){
var f = document.getElementById("fm")
var fd = document.createElement("fieldset")
var ld = document.createElement("legend")
ld.innerHTML = "字段集"
fd.appendChild(ld)
var aVal = [1,2,3]
var aName = ["选择1","选择2","选择3"]
for(var i=0;i<aVal.length;i++){
var rd = document.createElement("<input type='radio' name='rd'>")
var br = document.createElement("br")
rd.value = aVal[i]
var txt = document.createTextNode(aName[i])
fd.appendChild(rd)
fd.appendChild(txt)
fd.appendChild(br)
}
f.appendChild(fd)
}
</script><form id="fm">
<input type="button" onclick="add()" value="add">
</form>
var field = createField('测试');
createRadio(field, 'radio1', '项目1');
createRadio(field, 'radio1', '项目2');
function createField(text) {
var field = document.createElement('fieldset');
var legend = document.createElement('legend');
legend.innerHTML = text;
field.appendChild(legend);
document.body.appendChild(field);
return field;
} function createRadio(field, name, text) {
var radio = document.createElement('input');
radio.type = 'radio';
radio.name = name;
field.appendChild(radio);
var label = document.createElement('lable');
label.innerHTML = text + '<br />';
field.appendChild(label);
}