javascript - 如何使用 JavaScript 或 JQuery 插入 HTML？

Question

我希望能够插入一个下拉框，其中我指定了应选择为默认的选项。

类似于下面的代码，其中第一个应该插入一个下拉框，默认选择“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>

这样的功能应该如何制作？

Answer 1

试试这个

//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
}