JS动态显示文本问题（附代码，请高手帮忙看下问题在哪儿）

feng003 2008-11-26 12:17:34

我要通过选择菜单选择到某项后，对应的文本框中显示对应内容，代码如下，代码运行后得不到结果，请各位帮忙看看哪里问题？
<SCRIPT language=JavaScript>
function ch(pn) {
a=document.form.book.value.split("|");
document.form.bname.value=a[1];
}
</SCRIPT>

<form id="form" name="form" method="post" action="">
<%for i=1 to 3%>
<input type="text" name="bname<%=i%>" id="bname<%=i%>" />
<select name="book<%=i%>" id="book<%=i%>" onclick="javascript:ch(<%=i%>);">
<option value="1|小说">小说</option>
<option value="2|散文">散文</option>
<option value="3|古文">古文</option>
</select><br />
<%next%>
</form>

...全文

73 9 打赏收藏举报

写回复

9 条回复

切换为时间正序

当前发帖距今超过3年，不再开放新的回复

发表回复

feng003 2008-11-26

哈哈！非常感谢cnchart，现在这代码就是我要的了！加分加分！

打赏
举报

回复赞

小布 2008-11-26

我中间加了一些调试用的alert可以帮助你能清楚的实现参数传递的过程,需要修改你也可以自己随意修改.

打赏
举报

回复赞

小布 2008-11-26

<SCRIPT language=JavaScript>
function ch(pn) {
alert(pn)
book="book"+pn
bname="bname"+pn
alert(book)
a=document.getElementById(book).value.split("|");
alert(a)
document.getElementById(bname).value = a[1];
}
</SCRIPT>

<form id="form" name="form" method="post" action="">
<%for i=1 to 3%>
<input type="text" name="bname<%=i%>" id="bname<%=i%>" />
<select name="book<%=i%>" id="book<%=i%>" onclick="javascript:ch( <%=i%>);">
<option value="1|小说">小说 </option>
<option value="2|散文">散文 </option>
<option value="3|古文">古文 </option>
</select> <br />
<%next%>
</form>

楼主看下是要实现这样的功能吗?

打赏
举报

回复赞

kmiaoer 2008-11-26

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">

</script>
</head>

<body>
<form name="form1" action="">
<input type="text" name="bname" />
<select name="book" id="book" onchange="javascript:stralert(this.value);">
<option value="1|小说">小说 </option>
<option value="2|散文">散文 </option>
<option value="3|古文">古文 </option>
</select>
</form>
</body>
</html>

打赏
举报

回复赞

jingxiaoping 2008-11-26

打赏
举报

回复赞

layers2323 2008-11-26

function ch(pn) {
var bookiId;
var bnameId;
bookId = "book" & pn;
bnameId = "bname" & pn;
a = documnet.getElementById(bookId).value.split("|");
document.getElementById(bnameId).value = a[1];
}

打赏
举报

回复赞

cnchart 2008-11-26

多条有什么关系？
<SCRIPT language=JavaScript>
function ch(val,tar) {
tar.value=val.split("|")[1];
}
</SCRIPT>

<form id="form" name="form" method="post" action="">
<%for i=1 to 3%>
<input type="text" name="bname<%=i%>" id="bname<%=i%>" " />
<select name="book<%=i%>" " id="book<%=i%>" " onchange="javascript:ch( this.value,document.getElementById('bname<%=i%>'));">
<option value="1|小说">小说 </option>
<option value="2|散文">散文 </option>
<option value="3|古文">古文 </option>
</select>
<br />
<%next%>
</form>

打赏
举报

回复赞

feng003 2008-11-26

谢谢楼上朋友帮我改的这段代码，但你这只是做单条的处理，你忽略了我的for循环处理。

打赏
举报

回复赞

cnchart 2008-11-26

<SCRIPT language=JavaScript>
function ch(val) {
document.form.bname.value=val.split("|")[1];
}
</SCRIPT>

<form id="form" name="form" method="post" action="">
<input type="text" name="bname" id="bname" />
<select name="book" id="book" onchange="javascript:ch( this.value);">
<option value="1|小说">小说 </option>
<option value="2|散文">散文 </option>
<option value="3|古文">古文 </option>
</select> <br />
</form>