从javascript为添加的文本框添加标签或文本

Question

很抱歉，如果以前讨论过，但所有这些都不适合我。如何添加标签或文本，就像添加文本框一样？它假设看起来像第一个文本框。

这是我的HTML代码

＆＃13;

＆＃13;

  test "should get contact" do
get :contact
assert_response :success
assert_select "title", "Contact | Ruby on Rails Tutorial Sample App"

＆＃13;

＆＃13;

＆＃13;

这里是添加文本框的javascript

＆＃13;

＆＃13;

  test "should get contact" do
get :contact
assert_response :success
assert_select "title", "Contact | Ruby on Rails Tutorial Sample App"
end

＆＃13;

＆＃13;

＆＃13;

以下图片以便更好地理解

Answer 1

我不确定这是你的预期，但尝试类似的东西：

 <script language=javascript>
    function addElement() {
    var ni = document.getElementById('myDiv');
    var numi = document.getElementById('theValue');
    var num = (document.getElementById('theValue').value -1 + 2);


    numi.value = num;
    var divIdName = 'my'+num+'Div';
    var newdiv = document.createElement('div');
    var column = document.createElement('div');
    var label = document.createElement('label');
    var remove = document.createElement('a');
    var input = document.createElement('input');
    column.setAttribute('class', 'col-xs-7');
    input.setAttribute('type','text');
    input.setAttribute('id',  num + ' ' + num  )
    remove.setAttribute('href','javascript:remove('+divIdName+')');
    remove.innerHTML = 'Remove';
    label.innerHTML = 'text';
    label.setAttribute('for',  num + ' ' + num );

    newdiv.setAttribute('id',divIdName);


    ni.appendChild(newdiv);

    newdiv.appendChild(label);
    newdiv.appendChild(column);
    column.appendChild(input);
    column.appendChild(remove)
    }


    function remove(dId) {
    var ni = document.getElementById('myDiv');
    ni.removeChild(dId);
    }

    </script>

Answer 2

如果您的问题是关于输入元素的标签无效的原因：

在这种情况下，您需要为input元素指定一个id，“color”。

语法

<label for="element_id">label</label>