我想根据产品名称自动刷新数量框后面的单位,产品是个标签,
如果产品是袋装的,我数量框后面就跟1个‘袋’字,数量是个text标签如果是散装的,就自动刷新成‘吨’字。
现在select标签加了onchange事件,alert出来我的变量也是对的。但是我把这个变量放在数量这个text标签后面就不对啊。我在JS脚本里面加了个 变量=‘袋’?‘袋’:吨。完全没反应啊。
请问这个效果JS如何实现。
如果产品是袋装的,我数量框后面就跟1个‘袋’字,数量是个text标签如果是散装的,就自动刷新成‘吨’字。
现在select标签加了onchange事件,alert出来我的变量也是对的。但是我把这个变量放在数量这个text标签后面就不对啊。我在JS脚本里面加了个 变量=‘袋’?‘袋’:吨。完全没反应啊。
请问这个效果JS如何实现。
<td noWrap width="35%" ><INPUT type="text" name="aaa" ></td>
<td noWrap width="35%" ><INPUT type="text" name="bbb" >ccc</td>
<input type="button" name="t1" value="显示" onclick="xianshi()">
如果我aaa标签里面打了3个字'123',然后在bbb的标签后面也就是CCC的地方也显示'123'
这样讲行吗?
<!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 language="javascript">
//用数组将select的值和单位对应起来
var a = ['袋','吨'];
function change(val){
document.getElementById('dw').innerHTML=a[new Number(val)];
}
</script>
</head><body>
<select id="goods" name="" onchange="change(this.value)">
<option value="-1" selected="selected">请选择</option>
<option value="0">袋装</option>
<option value="1">散装</option>
</select><input name="" type="text" /><span id="dw"></span>
</body>
</html>
<TABLE>
<TR>
<TD>
<select onchange="fun(this)">
<option value="0">散装</option>
<option value="1">袋装</option>
</select>
</TD>
<TD><INPUT TYPE="text" NAME="num"><span>吨</span></TD>
</TR>
<TR>
<TD>
<select onchange="fun(this)">
<option value="0">散装</option>
<option value="1">袋装</option>
</select>
</TD>
<TD><INPUT TYPE="text" NAME="num"><span>吨</span></TD>
</TR>
</TABLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function fun(prod){
var unit = prod.value=="1" ? "袋" : "吨";
prod.parentElement.nextSibling.childNodes[1].innerHTML = unit;
}
//-->
</SCRIPT>