javascript - Bootstrap - 如何在 JavaScript 中动态添加 <select class ="form-control">？

Question

我正在学习 Bootstrap 和 jQuery。我对他们两个都很陌生。

我想生成标签 <select class="form-control"> 动态地通过 JavaScript 代码。

我的 JavaScript 中有以下代码:

var response = originalRequest.responseXML;
var property = document.createElement("select");
property.id = "predicate(" + addprop.level + "," + addprop.count + ")";
property[property.length] = new Option("Properties", "");
var options = response.getElementsByTagName('option');

根据我的阅读，document.createElement("select")动态创建选择标签。

我的问题是，如何使用 Bootstrap 样式(即使用 class="form-control" )制作动态生成的选择标签？

我希望通过 jQuery/JavaScript 动态生成下拉列表(即不使用 HTML/JSP 文件中的 select 标记。

Answer 1

你可以这样做:

property.className = "form-control";

完整:

var response = originalRequest.responseXML;
var property = document.createElement("select");
property.className = "form-control";
property.id = "predicate(" + addprop.level + "," + addprop.count + ")";
property[property.length] = new Option("Properties", "");
var options = response.getElementsByTagName('option');

有关 MDN 的更多信息 here .