使用插入的JavaScript访问文本框值

Question

I'm Having a bit of an issue. I'm using JavaScript to inset HTML into a webpage along with an event handler for the onblur event. It looks like this:

return '<input id = "txtIn" type="text" value=" ' + dateTime + '" onblur= "submitManualDate(document.getElementById("txIn").value(), 2, 3);" />';

I'm getting a syntax error. However, the following works perfectly fine:

return '<input id = "txtIn" type="text" value=" ' + dateTime + '" onblur= "submitManualDate(1, 2, 3);" />';

Any idea what I'm missing?

Answer 1

Using " inside " (double quoted) expression will break the string .

It's better to pass this as an argument as you should not have multiple elements with same id attributes in a document.

Try this example:

 (function() { var input = '<input type="text" value="5" onblur= "submitManualDate(this, 2, 3);" />'; document.getElementById('parent').innerHTML = input; })(); function submitManualDate(elem, j, k) { alert(elem.value + ' ' + j + ' ' + k); } 

 <div id='parent'></div> 

Fiddle here