passing space in the value of textbox using jQuery

Question

I have a textbox which is dynamically being added as

<div id="main"></div>


$(document).ready(function(){
    var time = '2014-04-20 00:00:00';
    var textbox = = '<input type="text" id="timeStatus" value='+time+'>';
    $('#main').html(textbox);
});

However, the value after the space 00:00:00 is not displayed.

Guffa · Accepted Answer · 2014-04-21 00:27:52Z

3

That's because your HTML code ends upp looking like this:

<input type="text" id="timeStatus" value=2014-04-20 00:00:00>

As you don't have any quotation marks around the value for the value attribute, only the part before the space will be used as the value, the rest will be a separate (invalid) attribute.

You should add quotation marks so that the HTML code ends up like this:

<input type="text" id="timeStatus" value="2014-04-20 00:00:00">

That would be:

var textbox = '<input type="text" id="timeStatus" value="'+time+'">';

answered Apr 21, 2014 at 0:27

Guffa

703k111 gold badges760 silver badges1k bronze badges

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

Collectives™ on Stack Overflow

passing space in the value of textbox using jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related