How to get dynamically created textbox value in jquery or javascript

Question

 var max_fields = 9;
 var $setting = $("#settingA");
//var $maincontent = $("#mainContent");

// Add html controls
for (var i = 1; i < max_fields; i++) {    
    var checkedElements = [];       
    $setting.append("<span style='margin:10px; line-height:2;'><label style='margin-right:10px;'>Channel " + i + "</label><input type='text' name='product_" + i + "' id='product_" + i + "'/></span>");
    checkedElements.push($('input[name="product_' + i + '"]').val());   
    }

Neel · Accepted Answer · 2015-07-09 04:46:09Z

2

in HTML:-

<input type='text' class='product' name='product_" + i + "' id='product_" + i + "'/>

and in jQuery :-

 $('.product').each(function() {
           var product =  $(this).val();
           alert(product);
         });

edited Jul 9, 2015 at 4:46

answered Jul 9, 2015 at 4:37

Neel

11.7k3 gold badges46 silver badges63 bronze badges

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

5 Comments

Chinnu Kar Over a year ago

How to save this value to channelSettings.txt file

Chinnu Kar Over a year ago

How to save this value to channelSettings.txt file onclcik of button

Chinnu Kar Over a year ago

How save this input value to channelSettings.txt file. Already existing txt file

Neel Over a year ago

trying to update answer but some errors coming while updating

Neel Over a year ago

meanwhile see this jquery.tiddlywiki.org/twFile.html and stackoverflow.com/questions/6964059/…

John R · Accepted Answer · 2015-07-09 04:44:40Z

1

Try like this using starts with selector...

$("input[name^='product_']").each(function() {
       var textVal =  $(this).val();
       alert(textVal);
     });

answered Jul 9, 2015 at 4:44

John R

2,8212 gold badges16 silver badges33 bronze badges

2 Comments

Chinnu Kar Over a year ago

input[name^='product_'] it's showing input is not aaviable

John R Over a year ago

Surely it will work. Receiving any console error from your side?

Siamak Ferdos · Accepted Answer · 2015-07-09 04:33:32Z

0

Instead of

$('input[name="product_' + i + '"]').val()

try:

$('body').find('input[name="product_' + i + '"]').val()

answered Jul 9, 2015 at 4:33

Siamak Ferdos

3,3096 gold badges35 silver badges60 bronze badges

2 Comments

Chinnu Kar Over a year ago

How to get dynamic created text box value in jquery or javascript onclick of button i want value

Siamak Ferdos Over a year ago

@Chinnu Kar: Why did you repeat your question title?

Collectives™ on Stack Overflow

How to get dynamically created textbox value in jquery or javascript

3 Answers 3

5 Comments

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related