使用变量值创建具有属性的输入字段

时间:2014-06-30 00:40:58

标签: javascript jquery html forms

我希望用户能够a)为输入字段指定名称,然后单击按钮创建它,从而他们指定的名称将成为字段的名称。我正在使用jQuery。以下是我到目前为止的情况:

HTML:

<input id="paramName" type="text" class="inputForm" name="addFieldName"  placeholder="Name of Parameter" />
<input id="addParameter" class="inputButton" type="button" name="addField" value="Add New Parameter" />

jQuery的:

function addParams() {

    var specifiedParam = $('#paramName').value;

    $('<input />', {
        id: specifiedParam
        }).insertAfter('#formTop'); 

}

表单的插入有效,但输入字段没有名称。我只想使用specifiedParam变量的值(由用户在输入文本字段时定义)作为输入字段的名称。

有任何帮助吗? 感谢

1 个答案:

答案 0 :(得分:1)

你得到的错误值是.val()而不是value

var specifiedParam = $('#paramName').val();

    $('<input />', {
        id: specifiedParam
        }).insertAfter('#formTop');

LIVE DEMO