How to name a dynamically created textbox through jquery function?

Question

I want to give a name to my dynamically created textbox on a specific event. I have written the following code where the function GenerateTextBox returns the name of the textbox and the value "". The textbox is generated by but the name does not get assigned.

This is to use the name as a reference to the textbox in another php file.

Jquery code for generating textbox:

function GenerateTextbox(value,name1) { 
    return '<input name = "'+ name1 + '" type="text" value = "' + value + '" /> ';
}

Calling the function:

$("#t11, #t12").click(function(){
    var div = $("<div />"); 
    div.html(GenerateTextbox("", c1));  
    $("#TextBoxContainer").append(div);
});

The php output file is showing the error that c1 is an undefined index...

How do I solve this problem?

What is c1 in your code?

Anshuman
– Anshuman

2018-08-24 15:18:24 +00:00
Commented Aug 24, 2018 at 15:18 — Anshuman
– Anshuman, Commented Aug 24, 2018 at 15:18
maybe try "c1"

miglio
– miglio

2018-08-24 15:23:21 +00:00
Commented Aug 24, 2018 at 15:23 — miglio
– miglio, Commented Aug 24, 2018 at 15:23
c1 is a global variable?

Mulet Enguix
– Mulet Enguix

2018-08-24 15:31:33 +00:00
Commented Aug 24, 2018 at 15:31 — Mulet Enguix
– Mulet Enguix, Commented Aug 24, 2018 at 15:31
just put c1 in quotes: "c1"

ThS
– ThS

2018-08-24 15:57:40 +00:00
Commented Aug 24, 2018 at 15:57 — ThS
– ThS, Commented Aug 24, 2018 at 15:57

Unmitigated · Accepted Answer · 2018-08-24 15:26:08Z

1

Change c1 to "c1". c1 refers to a variable named c1 (which you have not defined) whereas "c1" refers to a String.

div.html(GenerateTextbox("", "c1"));

Working Code:

function GenerateTextbox(value,name1) { 
return '<input name = "'+ name1 + '" type="text" value = "' + value + '" />';
}
$("#t11, #t12").click(function(){
var div = $("<div>"); 
div.html(GenerateTextbox("", "c1"));  
$("#TextBoxContainer").append(div);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="t11">Create Textbox</button>
<div id="TextBoxContainer"></div>

answered Aug 24, 2018 at 15:26

Unmitigated

91.5k12 gold badges103 silver badges109 bronze badges

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

1 Comment

Tanshiv2 Over a year ago

c1 is the name of the textbox now, but when I write the php POST command like this <?php echo $_POST["c1"]; ?> It says that the index is undefined. Is it because the textbox is not initially a part of my original page, and that is it dynamically created?

Collectives™ on Stack Overflow

How to name a dynamically created textbox through jquery function?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related