关于value属性中单词之间的空格的问题

Question

请看看这个小提琴.

我无法将输入框附加到div元素.

有没有办法让整个短语(例如"选项1")进入值属性的双引号？

Firebug显示空格后面的单词(本例中为"1")超出了引号,如下所示:

<input type="radio" value="Option" 3>

但我希望它是:

<input type="radio" value="Option 3">

HTML:

<div id="post_text"></div>
<select multiple>
    <option value="A">Option 1</option>
    <option value="B">Option 2</option>
    <option value="C">Option 3</option>
    <option value="D">Option 4</option>
    <option value="E">Option 5</option>
    <option value="F">Option 6</option>
</select>

使用Javascript:

var post_text = $('#post_text');

$("select").multiselect({
    selectedText: "# of # selected",
    click: function (event, ui) {
        if (ui.checked) {
            var span = '<input type="radio" value='+ ui.text +'><div id="' + ui.value + '">'+ ui.text +'</div>'
            post_text.append(span);
        } else {
            post_text.find('#'+ui.value).remove();
        }
    }
});

Answer 1

您在属性周围缺少引号:

var span = '<input type="radio" value="'+ ui.text +'"> ...