我用 jquery 触发 select 的 change 事件,在本地单独页面测试是正常的,但是加到一个 discuz 的网站里面就失效了,怎么都无法触发,请问这是怎么回事?是 discuz 的问题还是什么?如何才能正常监听呢?
<!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=gbk" />
<title>测试表单 </title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="template/common/common.css" />
<link rel="stylesheet" type="text/css" href="template/form/default/form.css" /><script src="template/form/jquery.min.js" type="text/javascript" charset="gbk"></script>
<script src="static/js/common.js" type="text/javascript" charset="gbk"></script>
<script src="static/js/form.js" type="text/javascript" charset="gbk"></script>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<script type="text/javascript">
var charset = "gbk";
var iniframe = false ;
</script>
</head>
<body>
<div id="append_parent"></div><div id="ajaxwaitid"></div>
<div class="topnav">
<p class="navinf">
<!--zkgl<span class="pipe">|</span> -->
<!--<a href="admin.php" target="_blank">管理中心</a><span class="pipe">|</span>
<!--<a href="member.php?mod=logging&action=logout&formhash=295519c2&module=form&tpl=default">退出</a> -->
</p>
<ul>
<!--<li class="navlogo"><a href="" title=""></a></li> -->
<!--<li><!--</li> -->
</ul>
</div>
<div id="wp" class="wp">
<div class="mn">
<div class="info wx">
<h1>测试表单</h1>
</div>
<form id="form" enctype="multipart/form-data" onsubmit="return valida_ajaxpost(this);" action="form.php?mod=post" method="post">
<input type="hidden" name="handlekey" value="formresult" />
<input type="hidden" name="id" value="6" />
<input type="hidden" name="formhash" value="295519c2" />
<table cellspacing="0" cellpadding="0" class="tfm"><tr>
<th><span style= "text-align:center" id="fieldtitle_qkks">订阅期数</span></th>
<td>
<span class="ftid">
<select name="fieldvalue[qkks]" id="fieldvalue_qkks" style="width:150px;text-align: center;" tabindex="1" class="ps"><option value="1" >1 期</option>
<option value="2" >2 期</option>
<option value="3" >3 期</option>
<option value="4" >4 期</option>
<option value="5" >5 期</option>
<option value="6" >6 期</option>
<option value="7" >7 期</option>
<option value="8" >8 期</option>
<option value="9" >9 期</option>
<option value="10" >10 期</option>
<option value="11" >11 期</option>
<option value="12" >12 期</option>
</select>
</span>
<span id="checkresult_qkks"></span>
</td>
</tr>
<tr>
<th><span style= "text-align:center" id="fieldtitle_dysl">份 数</span></th>
<td>
<input type="text" name="fieldvalue[dysl]" id="fieldvalue_dysl" class="px" tabindex="1" style="width:150px" onBlur="checkfield('dysl', '0', 'number', '0', '0')" value="" />
<span id="checkresult_dysl"></span>
<div class="d">
20 元 /份</div>
</td>
</tr>
<tr>
<th><span style= "text-align:center" id="fieldtitle_dyje">金 额</span></th>
<td>
<input type="text" name="fieldvalue[dyje]" id="fieldvalue_dyje" class="px" tabindex="1" style="width:150px" onBlur="checkfield('dyje', '0', 'number', '0', '0')" value="" />
<span id="checkresult_dyje"></span>
</td>
</tr>
<input name="sechash" type="hidden" value="S1vm8" />
<tr>
<td></td>
<td>
<button type="submit" id="formsubmit" class="pn pnc" value="true" name="formsubmit"><span>提 交</span></button>
</td>
</tr>
</table>
<script type="text/javascript">
jQuery("#fieldvalue_qkks").change(function () {
var a = jQuery('#fieldvalue_dysl').val();
var b = 20;
var c = jQuery(this).children('option:selected').val();
var sum= a * b * c;
jQuery('#fieldvalue_dyje').val(sum);
});
})
</script></form>
<div id="return_formresult" sytle="display:none;"> </div><div class="cl" id="ft">
</div>
</div>
</div></body>
</html>
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.