javascript - 使用 jQuery 在文本框的值中传递空格

Question

我有一个动态添加的文本框

<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);
});

但是，空格00:00:00之后的值不会显示。

Answer 1

那是因为您的 HTML 代码最终看起来像这样:

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

由于 value 属性的值周围没有任何引号，因此只有空格之前的部分将用作值，其余部分将是单独的(无效)属性.

您应该添加引号，以便 HTML 代码最终如下所示:

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

那就是:

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