怎么在页面上用js生成html控件，比方说有一个div，我点他一下就在他的下面生成出另一个div

JavaScript07

怎么在页面上用js生成html控件，比方说有一个div，我点他一下就在他的下面生成出另一个div,第1张

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)

}

具体功能自己改改

你直接在JSP页面上引那个JS控件 然后在你要引用的地方写个onclick事件调用.

比如看下面代码片段:

<html:html>

<head>

<html:base/>

<title>缴存管理</title>

<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">

<link rel="stylesheet" href="<%=path%>/css/index.css" type="text/css">

</head>

<script src="<%=path%>/js/common.js">

</script>

<script type="text/javascript">

var s1=""

var s2=""

function executeAjax() {

var queryString = "monthpayTaFindAAC.do?"

var id = document.monthpayJYAF.elements["orgid"].value.trim()

if(isNaN(id)){

alert("请输入正确格式的编号！")

document.monthpayJYAF.elements["orgid"].value=""

document.monthpayJYAF.elements["orgid"].focus()

return false

}

if(id == ""){

gotoOrg("2")

}else{

-------------------------------------------

common.js是项目中的js,这里用的是相对路径引入，

-------------------------------------------

<td width="17%" class="td1" >单位编号</td>

<td width="23%" >

<html:text name="monthpayJYAF" property="orgid" ondblclick="return executeAjax()" onkeydown="gotoEnter()" styleClass="input3" styleId="txtsearch"/>

<input type="hidden" name="orgsid" value="<bean:write name="monthpayJYAF" property="orgid"/>">

</td>

--------------------------------------------

上面是个文本框，onclick js中的executeAjax这个方法．

大体方法是这么用，至于你的在文本框中显示日期，要具体问题具体去分析解决了，我以前一个项目里有你这个功能，但不是我做的，现在一时找不出来了．抱歉．