값이 하나의 줄로 드롭 다운 상자에 입력 됨

Question

나는 드롭 다운 상자를 가지고 있는데,이 상자는 mySQL 데이터베이스의 값으로 채워집니다. 여기에 드롭 다운을 채우기 위해 사용하는 스크립트 부분이 있습니다. 여기

var details = JSON.parse(data); 
console.log(details); 
for (i = 0; i < details.aaData.length; i++) { 
console.log(details.aaData[i].id); 
$('select#package-id option').append(details.aaData[i].id); 
} 

하고,

<select name="package" name="package-id" id="package-id"> 
     <option></option> 
</select> 

HTML하지만 드롭 다운 1234로 값을 보여줍니다 어디, 그들을 기대하고 같은

1

2

3

해결 방법은 무엇입니까? 이 변경

Answer 1

시도 : 이것에

var details = JSON.parse(data); 
console.log(details); 
for (i = 0; i < details.aaData.length; i++) { 
console.log(details.aaData[i].id); 
$('select#package-id option').append(details.aaData[i].id); 
} 

: 당신이 빈 옵션 내부 옵션의 무리를 생성 할 수있다처럼 지금 보이는

var details = JSON.parse(data); 
console.log(details); 
for (i = 0; i < details.aaData.length; i++) { 
console.log(details.aaData[i].id); 
$('select#package-id').append("<option value='"+details.aaData[i].id+"'>"+details.aaData[i].id+"</option>"); 
} 

.