Javascript 没有传递整个变量字符串

Question

我在网上找到了这个简洁的代码，它完全可以满足我的需要。我遇到的问题是变量没有传递整个值。

<script type='text/javascript'>
    $(window).load(function() {
        $("#add_id").click(function() {
            var value = $("#entered_id").val();
            $("#list_id").append("<option value =" + value + " selected>" + value + "</option>");
        });
    });    
</script>




<select id='entered_id'>
    <option value='This is a test message'>test</option>";
</select>


<button id="add_id">Add</button>


<h2>Entered IDs</h2>
<form name="test" method="POST" action="test2.php">
    <select id="list_id" name="list_id" multiple="multiple"> </select>
    <input type="submit" />
</form>

在 test2.php 上，变量 $list_id 以“This”而不是“This is a test”的形式出现。

谁能引导我朝着正确的方向前进？

Answer 1

您应该将字符串值放在引号周围 ' :

$("#list_id").append("<option value =" + value + " selected>" + value + "</option>");

应该是:

$("#list_id").append("<option value ='" + value + "' selected>" + value + "</option>");
_____________________________________^_____________^

换句话说，生成的选项 html 看起来像 <option value=This is a test> , 制作 is , a , 和 test无效/未知属性。

希望这对您有所帮助。