Creating input field with properties using variable values

Question

I want a user to be able to a) specify a name for an input field, and then click a button to create it, whereby the name they specified becomes the name of the field. I am using jQuery. Here is what I have so far:

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

}

The inserting of the form works, but the input fields have no name. I just want to use the value of the specifiedParam variable (as defined by the user when typing in the text field) for the name of the input field.

Any help? Thanks

Wilfredo P · Accepted Answer · 2014-06-30 00:45:30Z

1

You are getting the value wrong, It's .val() not value:

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

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

LIVE DEMO

answered Jun 30, 2014 at 0:45

Wilfredo P

4,07430 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Creating input field with properties using variable values

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related