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

Creating input field with properties using variable values

本文关键字:属性 输入 字段 变量值 创建      更新时间:2023-09-26

我希望用户能够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'); 
}

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

帮忙吗?由于

你得到的值是错误的,它是.val()不是value:

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

现场演示