getting the textbox input from javascript using jquery

Question

I have a jquery $.get function to get the data and for each data, I am making a textbox for the user to enter corresponding text.

for(var i = 0; i <data.length; i++){

                var newHtml = '<tr><td>'+ idx + '</td><td>' + data[i].name + '</td><td>' + data[i].type + '</td><td>'
                + data[i].required + '</td><td>'+ '<input type="text" id="mValue'+i+'" class="form-control" placeholder="enter number'+i+'" /></td></tr>'; 
                $(newHtml).appendTo('#dt_basic');
                idx++;

                _currentValues[data[i].name] = $('#mValue');
            }

as shown in the code, I made a </input> with id of "mValuei" and i could be from 0 to the data.length. How do i get the value of the input box? I tried $('#mValue'+i).val() but it doesn't seem to work.

Where is the code where you are getting the value? Please include the $.get function code as well. — Mottie
– Mottie, Commented Jul 20, 2016 at 1:40
uhm... $('#mValue' + i) has no value, isn't it? If you write some text or set text on $('#mValue' + i), you can get value with $('#mValue'+i).val() or $(".form-control").eq(i).val() — KimCoding
– KimCoding, Commented Jul 20, 2016 at 1:49

Abdennour TOUMI · Accepted Answer · 2016-07-20 02:21:51Z

2

Use value attribute to fill input

 '<input type="text" id="mValue'+i+'" class="form-control" placeholder="enter number'+i+'"  value="'+i+'"/>'

In jquery :

1. Setter :

  $('#mValue'+i).val('new value of input') ;

2. Getter :

  currentVal=$('#mValue'+i).val() ;

Thus, you use val as getter (val() without argument), however, you should use it as setter (with one argument which is the new value of INPUT)

DEMO

Elegant Code

$(data.map((e,i)=>
       `<tr>
            <td>${i}</td>
            <td>${e.name}</td>
            <td>${e.type}</td>
            <td>${e.required}</td>
            <td><input type="text" placeholder="enter number${i}" class="form-control" id="mValue${i}" value="${e.name}"></td></tr>`).join('')).appendTo('#dt_basic');

edited Jul 20, 2016 at 2:21

answered Jul 20, 2016 at 1:38

Abdennour TOUMI

94.6k42 gold badges271 silver badges274 bronze badges

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

3 Comments

Sherly Kim Over a year ago

if I try currentVal = currentVal + $('#mValue' + i).val(); console.log(currentVal) I get [object Object] in my console

Sherly Kim Over a year ago

am I doing something wrong? my currentVal is set var currentVal = {}

Abdennour TOUMI Over a year ago

Enjoy Elegant Code here= > Just ONE line :jsfiddle.net/abdennour/qjs7hj2r/2 . .. hhh :)

Collectives™ on Stack Overflow

getting the textbox input from javascript using jquery

1 Answer 1

In jquery :

1. Setter :

2. Getter :

DEMO

Elegant Code

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

In jquery :

1. Setter :

2. Getter :

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related