JS中如何动态生成DIV并让这个DIV里面有一个TEXTBOX
不好意思,我写错了,是DIV的里面有一个DropDownList我自己是这么写的。望高手帮忙。functionDIVSELECT()//////////////DIV{v...
不好意思,我写错了,是DIV的里面有一个DropDownList 我自己是这么写的。望高手帮忙。
function DIVSELECT()////////////// DIV
{var div= document.createElement("div");
div.id = "DIVI" + document.getElementById("iptNum").value;
div.style.width="217px";
div.style.borderRight="black 1px solid";
div.style.borderBottom="black 1px solid";
var lisINPUT = addSELECT2();//////////////
div.appendChild(lisINPUT);/////////////////////
return div;
}
function addSELECT2()////////////////////////////DropDownList
{
var DIVINPUT = DIVSELECT();
var SELECT = document.createElement("SELECT");
SELECT.id="type"+document.getElementById("iptNum").value;
SELECT.style.width="216px";
return SELECT;
}
我是想把DropDownList 放在DIV中。。。。。 展开
function DIVSELECT()////////////// DIV
{var div= document.createElement("div");
div.id = "DIVI" + document.getElementById("iptNum").value;
div.style.width="217px";
div.style.borderRight="black 1px solid";
div.style.borderBottom="black 1px solid";
var lisINPUT = addSELECT2();//////////////
div.appendChild(lisINPUT);/////////////////////
return div;
}
function addSELECT2()////////////////////////////DropDownList
{
var DIVINPUT = DIVSELECT();
var SELECT = document.createElement("SELECT");
SELECT.id="type"+document.getElementById("iptNum").value;
SELECT.style.width="216px";
return SELECT;
}
我是想把DropDownList 放在DIV中。。。。。 展开
4个回答
展开全部
TextBox是服务器端控件,无论如何用JS是无法生成的.生成TEXT类型的INPUT还是可以的.
是要根据什么条件动态生成呢?
补充:
合并成一个函数不行吗?
function makeDiv()
{
var div= document.createElement("div");
div.id = "DIVI" + document.getElementById("iptNum").value;
div.style.width="217px";
div.style.borderRight="black 1px solid";
div.style.borderBottom="black 1px solid";
var SELECT = document.createElement("SELECT");
SELECT.id="type"+document.getElementById("iptNum").value;
SELECT.style.width="216px";
div.appendChild(SELECT);
}
是要根据什么条件动态生成呢?
补充:
合并成一个函数不行吗?
function makeDiv()
{
var div= document.createElement("div");
div.id = "DIVI" + document.getElementById("iptNum").value;
div.style.width="217px";
div.style.borderRight="black 1px solid";
div.style.borderBottom="black 1px solid";
var SELECT = document.createElement("SELECT");
SELECT.id="type"+document.getElementById("iptNum").value;
SELECT.style.width="216px";
div.appendChild(SELECT);
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
刚学过的,总觉的用处不是很大,可能是目前没用到过吧.要CS代码的吧.
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<html>
<head></head>
<body>
<script>
window.onload = function(){
var dataList = ["数据1","数据2","数据3","数据n.."];
DIVSELECT(dataList);
}
function DIVSELECT(dataList){
var div= document.createElement("div");
div.id = "DIVI";
div.style.width="217px";
div.style.borderRight="black 1px solid";
div.style.borderBottom="black 1px solid";
var lisINPUT = addSELECT2(dataList);
div.appendChild(lisINPUT);
document.body.appendChild(div);
}
function addSELECT2(values){
var SELECT = document.createElement("SELECT");
SELECT.id="type";
SELECT.style.width="216px";
var fgmt = document.createDocumentFragment();
for (var i=0;i<values.length;i++){
var opt = document.createElement("OPTION");
opt.setAttribute("value",i);
opt.appendChild(document.createTextNode(values[i]));
fgmt.appendChild(opt);
}
SELECT.appendChild(fgmt);
return SELECT;
}
</script>
</body>
</html>
或者
<html>
<head></head>
<body>
<script>
window.onload = function(){
DIVSELECT();
}
function DIVSELECT(){
var div= document.createElement("div");
div.id = "DIVI";
div.style.width="217px";
div.style.borderRight="black 1px solid";
div.style.borderBottom="black 1px solid";
var lisINPUT = addSELECT2(
["数据1","数据2","数据n.."]
);
div.appendChild(lisINPUT);
document.body.appendChild(div);
}
function addSELECT2(values){
var SELECT = document.createElement("SELECT");
SELECT.id="type";
SELECT.style.width="216px";
var fgmt = document.createDocumentFragment();
for (var i=0;i<values.length;i++){
var opt = document.createElement("OPTION");
opt.setAttribute("value",i);
opt.appendChild(document.createTextNode(values[i]));
fgmt.appendChild(opt);
}
SELECT.appendChild(fgmt);
return SELECT;
}
</script>
</body>
</html>
或者:
<html>
<head></head>
<body>
<script>
window.onload = function(){
document.getElementById("demo1").appendChild(DIVSELECT());
}
function DIVSELECT(){
var div= document.createElement("div");
div.id = "DIVI";
div.style.width="217px";
div.style.borderRight="black 1px solid";
div.style.borderBottom="black 1px solid";
var lisINPUT = addSELECT2(
["数据1","数据2","数据n.."]
);
div.appendChild(lisINPUT);
return div;
}
function addSELECT2(values){
var SELECT = document.createElement("SELECT");
SELECT.id="type";
SELECT.style.width="216px";
var fgmt = document.createDocumentFragment();
for (var i=0;i<values.length;i++){
var opt = document.createElement("OPTION");
opt.setAttribute("value",i);
opt.appendChild(document.createTextNode(values[i]));
fgmt.appendChild(opt);
}
SELECT.appendChild(fgmt);
return SELECT;
}
</script>
<div id="demo1"></div>
</body>
</html>
<head></head>
<body>
<script>
window.onload = function(){
var dataList = ["数据1","数据2","数据3","数据n.."];
DIVSELECT(dataList);
}
function DIVSELECT(dataList){
var div= document.createElement("div");
div.id = "DIVI";
div.style.width="217px";
div.style.borderRight="black 1px solid";
div.style.borderBottom="black 1px solid";
var lisINPUT = addSELECT2(dataList);
div.appendChild(lisINPUT);
document.body.appendChild(div);
}
function addSELECT2(values){
var SELECT = document.createElement("SELECT");
SELECT.id="type";
SELECT.style.width="216px";
var fgmt = document.createDocumentFragment();
for (var i=0;i<values.length;i++){
var opt = document.createElement("OPTION");
opt.setAttribute("value",i);
opt.appendChild(document.createTextNode(values[i]));
fgmt.appendChild(opt);
}
SELECT.appendChild(fgmt);
return SELECT;
}
</script>
</body>
</html>
或者
<html>
<head></head>
<body>
<script>
window.onload = function(){
DIVSELECT();
}
function DIVSELECT(){
var div= document.createElement("div");
div.id = "DIVI";
div.style.width="217px";
div.style.borderRight="black 1px solid";
div.style.borderBottom="black 1px solid";
var lisINPUT = addSELECT2(
["数据1","数据2","数据n.."]
);
div.appendChild(lisINPUT);
document.body.appendChild(div);
}
function addSELECT2(values){
var SELECT = document.createElement("SELECT");
SELECT.id="type";
SELECT.style.width="216px";
var fgmt = document.createDocumentFragment();
for (var i=0;i<values.length;i++){
var opt = document.createElement("OPTION");
opt.setAttribute("value",i);
opt.appendChild(document.createTextNode(values[i]));
fgmt.appendChild(opt);
}
SELECT.appendChild(fgmt);
return SELECT;
}
</script>
</body>
</html>
或者:
<html>
<head></head>
<body>
<script>
window.onload = function(){
document.getElementById("demo1").appendChild(DIVSELECT());
}
function DIVSELECT(){
var div= document.createElement("div");
div.id = "DIVI";
div.style.width="217px";
div.style.borderRight="black 1px solid";
div.style.borderBottom="black 1px solid";
var lisINPUT = addSELECT2(
["数据1","数据2","数据n.."]
);
div.appendChild(lisINPUT);
return div;
}
function addSELECT2(values){
var SELECT = document.createElement("SELECT");
SELECT.id="type";
SELECT.style.width="216px";
var fgmt = document.createDocumentFragment();
for (var i=0;i<values.length;i++){
var opt = document.createElement("OPTION");
opt.setAttribute("value",i);
opt.appendChild(document.createTextNode(values[i]));
fgmt.appendChild(opt);
}
SELECT.appendChild(fgmt);
return SELECT;
}
</script>
<div id="demo1"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询