Question

如何使用此功能编写动态生成的单选按钮

A）更优雅......就像在jQuery中一样......

B）或者至少如何自动生成带有Something和SomethingElse文本标签的单选按钮（等于输入到激活函数调用的文本字段中的数量）到名为areas3的范围内。谢谢！

function tshirtForm(form)

{

textAreas3 = document.forms['frmCreateCheckboxRange'].qty_item_3.value;
var container3 = document.getElementById("areas3");
document.getElementById("areas3").className = "textboxwide";
var shirtText = "<b>Please select a size and a color:</b><br />";
var newtext1 = document.createTextNode(" Red ");
var para1 = document.getElementById("areas3");
var newtext2 = document.createTextNode(" White ");

    for(i=0; i<form; i++)
    {

        alert(form);
        field1 = document.createElement("input");
        field1.type = "radio";
        field1.name = "color";
        field1.id = "red";
        field1.value = "Red";

        field2 = document.createElement("input");
        field2.type = "radio";
        field2.name = "color";
        field2.id = "white";
        field2.value = "White";

        para1.appendChild(newtext1);
        document.getElementById("areas3").appendChild(field1);
        para2.appendChild(newtext2);
        document.getElementById("areas3").appendChild(field2);



    }


}

Answer 1

该代码看起来有点乱，你重复document.getElementById("areas3")很多次，你只需要获取一次元素。

我发现使用innerHTML功能改变网站通常要简单得多。

document.getElementById("areas3").innerHTML=
"<a href='http://stackoverflow.com'>Stack Overflow<\/a>"

基本上只生成一个你需要的HTML字符串，并将元素的innerHTML特性设置为该字符串，元素已经包含的任何内容都将被覆盖。

如何更好地动态生成单选按钮和文本标签？

1 个答案: