javascript的巨难问题，动态生成html控件,如：select；动态控件还要能触发事件，如：selectindexchanged

xinxinstar99 2003-09-17 05:02:55

高手帮忙

...全文

131 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

jzywh 2003-09-18

打赏
举报

onchange事件就可以了

通过 this.selectedIndex获取被选种项目的ID

zhangking 2003-09-18

打赏
举报

楼主：“javascript的巨难问题”？？不难啊！很简单啊！：）
知者不难啊！

blues-star 2003-09-18

打赏
举报

<body>
</body>
<script>
var oSelect = document.createElement("select");

oSelect.options.add(new Option("1","1"));
oSelect.options.add(new Option("2","2"));
oSelect.options.add(new Option("3","3"));
oSelect.options.add(new Option("4","4"));

oSelect.onchange = function (){
alert(oSelect.selectedIndex);
}

document.body.insertAdjacentElement("AfterBegin",oSelect);
</script>

cloudchen 2003-09-17

打赏
举报

or

sel.attachEvent("onchange",functionName)

cloudchen 2003-09-17

打赏
举报

<SCRIPT LANGUAGE="JavaScript" DEFER>
var sel = document.createElement("select")
document.body.insertBefore(sel)
for (var i=0;i<10;i++) sel.options[i] = new Option(i)
sel.onchange = function() {
window.status = this.selectedIndex
}
</SCRIPT>

yjshm 2003-09-17

打赏
举报

同意bencalie(Bencalie)
var kk=document.all("test");//建立对像
kk.insertCell().innerHTML="<input type=\"text\" name="+v_id+" id="+v_id+" onclick=\"set_row(this)\" onKeyDown=\"if(event.keyCode==13) open_new_windows(this);\" size=\"13\" onfocus=\"this.select()\" value="+dept_unit[i][0]+">";
//插入的html

zhaoweiwei 2003-09-17

打赏
举报

<html>

<head>

<SCRIPT>
function add()
{
var a = document.createElement("select");
a.name = "zww"
a.id="ss"
form1.insertAdjacentElement("beforeEnd", a);

}
function add1()
{
var b=document.getElementById("ss")
var oOption = document.createElement("OPTION");
oOption.text="Ferrari";
oOption.value="4";
b.add(oOption);

}

</SCRIPT>
</head>

<body>
<form name="form1">
<input type="button" value="增加控件" onclick="add()">
<input type="button" value="增加选项" onclick="add1()">
</form>
</body>

</html>

孟子E章 2003-09-17

打赏
举报

<table width="98%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<form id="form1" name="form1" action="program/survey/SurveyEdit.asp" method=post>
<td>
<table cellspacing="0" cellpadding="4" width="100%" border="0" class="tableborder">
<tr>
<td bgcolor="#C7E8F8">
<div align="center"><b>问题 1:</b> </div>
</td>
<td bgcolor="#C7E8F8">
<input size="60" name="Question1" class="tableborder" onclick="alert(this.name)" onkeydown="if(event.keyCode==13) addNewQuestion()">
</td>
</tr>
</table>
<div id="__idInsertBefore"></div>
<input type="hidden" value="1" name="newTable">
<br />
<div align="right" style="padding:4px">
<input type=button onClick="addNewQuestion()" value="增加一个新问题" class="CustButton" />
<input type="button" value="保存设置" class="CustButton">
<input type="reset" value="重新设置" class="CustButton">
</div>
</td>
</form>
</tr>
</table>
<script>
function addNewQuestion()
{
document.form1.newTable.value = parseInt(document.form1.newTable.value) + 1;
var newItemId;
if( (document.form1.newTable.value).length > 2 )
{
alert("您的调查问题总数不能超过 99 个。")
window.location.reload();
}

newItemId = document.form1.newTable.value;

var objItem = '<table cellspacing="0" cellpadding="4" width="100%" border="0" class="tableborder">';
objItem += ' <tr>';
objItem += '<td bgcolor="#C7E8F8">';
objItem += ' <div align="center"><b>问题 ' + newItemId + ':</b> </div>';
objItem += ' </td>';
objItem += ' <td bgcolor="#C7E8F8">';
objItem += ' <input size="60" name="Question' + newItemId + '" class="tableborder" onclick="alert(this.name)" onkeydown="if(event.keyCode==13) addNewQuestion()">';
objItem += ' </td>';
objItem += ' </tr>';
objItem += '</table>';
document.all.__idInsertBefore.insertAdjacentHTML("beforeBegin", objItem);
document.form1.elements["Question" + newItemId].focus()
}

function showTips(obj)
{
obj.title=obj.value;
}

</script>

wind0209 2003-09-17

打赏
举报

进来看看
不是很懂，但是有没有达人能告诉我，这和HTC是不是可以有关系？

cqfeng 2003-09-17

打赏
举报

说更清楚些

希默软件 2003-09-17

打赏
举报

<body>
<script>
var sel = document.createElement("SELECT");
document.body.insertBefore(sel);
sel.outerHTML = "<select onchange=alert()><option>1</option><option>2</option></select>";
</script>
</body>