2012-09-04 39 views
1

建立一個選擇列表中我試圖創建一個<select>列表使用jQuery。這裏是我的:通過jQuery

$('<select />') 
    .attr('name', 'location') 
    .val("Location 1") 
    .appendTo(this); 

.val("Location 1")沒有出現在下拉列表中。我想在我的列表中有3個位置。我該怎麼做呢?

+1

您不添加列表中的任何選項。你必須這樣做,明確創建'

+0

@zerkms - 哦,我明白了。我誤解了.val正在做什麼。我認爲它創造了選項值。 –

+0

看看下面的鏈接這可能會幫助你 http://stackoverflow.com/questions/6601952/programmatically-create-select-list – anony

回答

4

只需添加內<option>元素:

$('<select />') 
    .attr('name', 'location') 
    .append('<option>Location 1</option>', 
      '<option>Location 2</option>', 
      '<option>Location 3</option>') 
    .appendTo(this); 

DEMO:http://jsfiddle.net/KUDJ6/

+0

再次感謝! –

+0

@Paul不客氣! – VisioN

1

屬性是東西,如大小,顏色等,如果你要附加到一個選擇,你將需要追加選項標記爲:

$('#mySelect').append($('<option>', { value : key }).text(value)); 
0

只需在頁面上創建一個select元素和位置添加到它..

$(function(){ 
    var html = ''; 
    for(var i =1;i<=3;i++){ 
     html += '<option value="'+ i +'"> Location ' + i + '</option>'; 
    } 
    $('#dropdown1').append(html); 
}); 

檢查這個例子http://jsfiddle.net/sushanth009/wMC6j/