, 여러 추가, 더블 APPEND

HTML :, 여러 추가, 더블 APPEND

<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를 : 그것은 같은 사과 또는 당근하지만 때와 HTML 링크 태그에서 새 값을 추가해야

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

012 : 나는이

결과 (각각에 대해 두 줄을 얻을) 않습니다 그것을 클릭

Evey를 클릭하면 다른 단어가 공백 인 두 가지 옵션이 표시됩니다. 사물의 HTML 부분을 꺼내면 더 이상하게 작동하는 것 같습니다. 단지 텍스트 만 사용하십시오.

출처

2012-03-21 user1283754

브랜든 나를 위해 내 이미지를 추가 할만큼 좋은했다. 그것은 그 차이를 보는 것입니다. 모든 클릭에 대해 두 줄을 추가합니다. – user1283754

나는이이 문제를 일으키는 이유는 잘 모르겠지만, 문제는

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

슬래시

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

출처

2012-03-21 15:41:22 Brandon

브라우저가'<\option> '이 무엇인지 이해하지 못했기 때문에 아마도 "자동 수정"하려고합니다. –

그게 전부예요. Gesh .. 고맙습니다.하지만이 이상한 행동을 기록하는 것이 좋습니다! 나는 그것을/option으로 바꿨다. 그리고 그것은 효과가 있었다. 항상 평범한 세부 사항 .. (나는 틀린 장소 또는 무엇인가 소수점을 넣었 음에 틀림 없다, 나는 항상 그것을한다! ..) - 사무실 공간 .. Brandon 고맙습니다! – user1283754

브라우저는'<\option>'을'

이 방식은 나를 위해 잘 작동을해야한다는 것입니다.

$(function(){ 

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

});

작업 샘플 : http://jsfiddle.net/mKTzx/4/

출처

2012-03-21 15:47:04 Shyju

, 여러 추가, 더블 APPEND

답변

관련 문제