not getting full value on textbox using jquery

Question

i used .val() function in jquery to post value from textbox. when i alert i can see whole string .but when putting on a textbox only data before space is coming.anybody know this issue,please help am sharing my code here

$('#add_input').click(function(){
var item = $('input[id="itemname"]').val();
i++;
 $('#dynamic1').append('<tr id="row'+i+'">\n\
<><td> <input type="text" name="serial_id" id="serial" value='+i+' ></td>\n\
<td><input type="text" name="item1[]"  value='+item+'></td></tr>');

in item texbox only getting first part of input value.

@guradio thank you so much dear. it worked. single quotes only takes first part? — user7441072, Mar 01 '17 at 06:56
adding `""` with concat the string properly taking it as entire string. glad to help mate happing coding :) — guradio, Mar 01 '17 at 06:58
i am unable to understand the problem. his code seems working fine — Alive to die - Anant, Mar 01 '17 at 07:00

score 2 · Accepted Answer · edited May 23 '17 at 12:17

2

Let's say item has the string hello in it.

You have:

'... value='+item+'...'

When concatenated, it becomes:

value=hello

This is not proper HTML syntax. hello needs to be surrounded by quotes:

value="hello"

This means you need to change your code to:

'... value="'+item+'"...'
// --------^--------^----

In HTML5, quotes are optional for values that don't contain special characters or spaces. If they do, however, quotes are needed to identify where the value starts and ends. View this for more information.

edited May 23 '17 at 12:17

Community

1
1

answered Mar 01 '17 at 07:02

dodov

5,206
3
34
65

@Hristiyhan thanks for detailed answer. guardio gave solution as comment firstly – user7441072 Mar 01 '17 at 07:23

score 1 · Answer 2 · answered Mar 01 '17 at 07:03

The problem is here

value='+item+'

In your case ' was used to denote where your string starts and where it ends. " was used to denote where the HTML value starts and where it ends. The code was only specifying that item comes into the string dynamically, but it did not specify that it is an HTML value, thus the solution is

value="'+item+'"

not getting full value on textbox using jquery

2 Answers2