How to add ID to input field in javascript

Question

My javascript code something like this

if (editMode === true) {
    var divId = element.attr('id');
    console.log(divId);
}

var textBox = $('<input class="my-text-box" onchange="myFunction(this.value)" />');

I want to set divId variable as the ID in this...

var textBox = $('<input class="my-text-box" onchange="myFunction(this.value)" />');

this divId variable is with dynamic values...

please help me to do that.

Possible duplicate of [jQuery - Add ID instead of Class](http://stackoverflow.com/questions/2176986/jquery-add-id-instead-of-class) — , Dec 09 '15 at 07:50

score 0 · Answer 1 · answered Dec 09 '15 at 07:48

0

var txtBox = $('.my-text-box');
txtBox.prop('id', 'newIdHere');

don't try to select an element by the entire element html like you were , ex.

var textBox = $('<input class="my-text-box" onchange="myFunction(this.value)" />');

answered Dec 09 '15 at 07:48

Scott Selby

9,420
12
57
96

score 0 · Answer 2 · answered Dec 09 '15 at 07:51

0

var divId = null;
if (editMode === true) {
    divId = element.attr('id');
    console.log(divId);
}

$('.my-text-box').attr('id', divId);

answered Dec 09 '15 at 07:51

RomanPerekhrest

88,541
4
65
105

score 0 · Answer 3 · answered Dec 09 '15 at 07:54

0

You need to just concat that id with html

if (editMode === true) {
var divId = element.attr('id');
console.log(divId);}

var textBox = $( '<input class="my-text-box" onchange="myFunction(this.value)" id="'+divId+'" />');

answered Dec 09 '15 at 07:54

Shailendra Sharma

6,976
2
28
48

How to add ID to input field in javascript

3 Answers3