如何使用JavaScript或JQuery插入HTML？

我希望能夠插入一個下拉框，我已經指定了應該選擇爲默認選項。如何使用JavaScript或JQuery插入HTML？

類似於下面的代碼，其中第一個應該插入一個下拉框，默認選擇「BBB」（val2〜BBB）。

這JSFiddle幾乎做什麼，我需要的，但它存在的問題是：

應該能夠確定哪些選項應該被選定爲默認
JavaScript的/ JQuery的應該是通用的，硬編碼到一個特定的ID

我想什麼是這樣的

<select> 
    <script type='text/javascript'> 
     insert_dropdown("val2"); 
    </script> 
</select> 

<select> 
    <script type='text/javascript'> 
     insert_dropdown("val3"); 
    </script> 
</select>

這樣的功能應該如何製作？

來源

2011-08-02 Sandra Schlichting

我發佈了數據驅動的方法來設置默認選擇的值。如果有機會，請檢查一下。 – Utilitron

試試這個

//Assuming options is an array of code/value pair 
    insert_dropdown(options, default, $("#select1")); 

function insert_dropdown(options, default, container){ 
    $.each(options, function(){ 
    container.append("<option value='"+this.code+"'>"+this.value+"</option>"); 
    }); 
    container.val(default);//This will select the default option 
}

來源

2011-08-02 14:26:14 ShankarSangoli

它看起來非常令人印象深刻！我應該如何實現它？ http://jsfiddle.net/littlesandra88/UWPCJ/不能完全弄明白。 –

@Sandra - 看看這個[鏈接]（http://jsfiddle.net/UWPCJ/5/） – ShankarSangoli

太棒了！謝謝=） –

關於這樣的事情如何：

function setDefaultValue(theValue) 
{ $('#myselect').val(theValue);}

來源

2011-08-02 14:28:34 Icarus

我可以從一對'

如何使用JavaScript或JQuery插入HTML？

回答