最近在做一个投票功能,一个投票下面有多个投票的项目,项目下至少有2个以上的选择。
在发起投票的时候可以用javascript创建fieldset和子标签呢?效果参考页面:
http://www.scagri.gov.cn:81/pub/scagripoll/200807/p910.htm

解决方案 »

  1.   


    <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>
      

  2.   


    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);
        }
      

  3.   

    感谢两位,appendChild方法多么关键呀 呵呵