Javascript not passing entire variable string

Question

I found this neat code online that does exactly what I need. The problem I'm having is that the variable is not passing the entire value.

<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>

On test2.php the variable $list_id comes in as "This" instead of "This is a test".

Can anyone steer me in the right direction?

Zakaria Acharki · Accepted Answer · 2016-02-29 16:51:10Z

5

You should put the string values arround quotes ' :

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

Should be :

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

In other words, the generated option html looked like <option value=This is a test>, making is, a, and test invalid/unknown attributes.

Hope this helps.

edited Feb 29, 2016 at 16:51

answered Feb 29, 2016 at 16:45

Zakaria Acharki

67.5k15 gold badges79 silver badges106 bronze badges

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

4 Comments

Marc B Over a year ago

In other words, the generated option html looked like <option value=This is a test>, making is, a, and test invalid/unknown attributes.

Zakaria Acharki Over a year ago

Thanks @MarcB for your intervention, can i update my answer using your explanation?

Marc B Over a year ago

of course... you got the right answer, this just expands on WHY it's the right anwer.

Blazemonger Over a year ago

If the value happens to include a double-quote, he'll have the same problem again. He should add some code to replace " with " inside the string.

Collectives™ on Stack Overflow

Javascript not passing entire variable string

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related