Home/ Questions/Q 7691597
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T20:39:43+00:00

HTML: <body> <p><a href=# class=link >Apples</a> <a href=# class=link >Berries</a> <a href=# class=link>Carrots</a></p> <select

  • 0

HTML:

<body> 
<p><a href="#" class="link" >Apples</a> <a href="#" class="link" >Berries</a> <a href="#" class="link">Carrots</a></p>
<select id="list"></select>
</body>

Jquery: 

$('.link').click(function(){
    var item = $(this).text();
    $('#list').append('<option>'+item+'<\option>');
});

It should append new values from the HTML link tags such as apple or carrot but when I click on it it does this (get two lines for each one)

Results:

results

Evey click results in a two options one with the word the other with a blank. Even more odd it seems to work if I take out the html part of things.. Just use text.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’m not sure why this is causing this behavior, but the issue is that

    $('#list').append('<option>'+item+'<\option>');

    should be a forward slash

    $('#list').append('<option>'+item+'</option>');
    • 0