jquery - jQueryを介して選択リストを作成する

Question

<select>jQueryでリストを作成しようとしています。これが私が持っているものです：

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

値.val("Location 1")はドロップダウンリストに表示されません。リストに3つの場所を含めたいのですが。どうすればよいですか？

Answer 1

<option>内部に要素を追加するだけです：

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

デモ：http： //jsfiddle.net/KUDJ6/

Answer 2

属性は、サイズ、色などです。selectに追加する場合は、selectタグにオプションを追加する必要があります。

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

Answer 3

ページ上に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/