引导--如何在class=中动态添加<select JavaScript“form-control”>？
引导--如何在class=中动态添加<select JavaScript“form-control”>？
提问于 2016-02-26 23:47:31
我正在学习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")动态创建select标记。
我的问题是，如何使用引导样式(即使用class="form-control")动态生成select标记？
我希望通过jQuery/JavaScript动态生成下拉列表(也就是说，在HTML/JSP文件中不使用select标记。
回答 4
Stack Overflow用户
回答已采纳
发布于 2016-02-26 23:54:13
你可以这样做：
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 这里的信息。
Stack Overflow用户
发布于 2016-02-27 00:01:01
您可以使用$(' element ')来创建任何文档元素，然后使用.append(元素)将该元素放到目标父级.如果我的代码有效的话，试试它。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<form role="form">
<div class="form-group" id="div">
<!-- begin snippet: js hide: false -->
<label>Select</label>
</div>
</form>
<script>
$(document).ready(function(){
var select = $('<select class="form-control"></select>');
var option = $('<option value="foo">Foo</option');
select.append(option);
$("#div").append(select);
});
</script>
</body>
</html>Stack Overflow用户
发布于 2016-02-27 00:03:46
通常，我会创建像https://jsfiddle.net/Ljdxnwot/5/这样的新东西，比如文本
var txt="<select class'form-contro'>"+
"</select>";页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35663800
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号