同一个页面多个select 多个onChange 请问怎么写? 这个页面上有多个 select框 里面选择不通的产品 选择后在后面的单价栏目 显示相应的价格 请问怎么写? 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 单个的select name 我实现了 效果 但是 多个 select 就不定了 如果渲染的时候同一行数据保存了一个统一值(比如该条目的id [data-id='xxxx']),可以考虑循环判断当前onChange的data-id对应的那个价格进行定位 $(".....").change(function(event){ $(this).closest("tr").find(".单价栏目元素的class").text($(this).val());}); 我是通过JS 写的 不知道有什么错误 大神帮忙看看 <table width="100%" > <tr> <th width="18%">项目</th> <th width="30%">名称</th> <th width="12%">单价</th> <th width="18%">数量</th> <th width="">价格</th> </tr> <!--{eval $depot_class = DB::fetch_all("SELECT * FROM %t Where pid=%d and class_on=%d and shop_on=%d ORDER BY displayorder ",array('geyu_depot_class',2,1,1));}--> <!--{loop $depot_class $value}--> <tr id="list{$value[id]}"> <td>{$value['name']}</td> <td> <select name="class_name" class="main_select" onChange="changeCollege()" > <option value=""></option> <!--{eval $shop = DB::fetch_all("SELECT * FROM %t Where class_id=%d ORDER BY displayorder",array('geyu_depot_shop_Monitor',$value[id]));}--> <!--{loop $shop $value}--> <option value="{$value[money]}">{$value[name]}</option> <!--{/loop}--> </select> </td> <td> <div name="moeny"></div> </td> <td><input name="danj" type="text" name="" id="" value="1" /></td> <td><span id="overt"></span></td> </tr> <!--{/loop}--> </table> <script type="text/javascript"> function changeCollege(){ //提取商品名称 name var class_name=document.getElementsByName("class_name"); //提取价格名称 name var moeny=document.getElementsByName("moeny"); // 循环商品名称 for(var i=0;i<class_name.length;i++){ //商品名称的选择事件 class_name[i].onclick=function(){ //打印价格到网页 console.log(this.value);// moeny[i].innerHTML = 000; } }}</script> div元素没有name属性,需要用class获取<div class="moeny"></div>var moeny=document.getElementsByClassName("moeny");在事件内使用外面的循环变量时需要用闭包保存每次循环的值 for(var i=0;i<class_name.length;i++){ (function(i){ class_name[i].onclick=function(){ moeny[i].innerHTML = this.value; } })(i); } 网页上点击没问题了 手机上点击下拉框的产品后 不显示价格 再点下才会出来 是不是 不能用onChange 事件 限制上传图片的大小 ext.FormPanel.load 为什么总是failure 求一个.js 文件类型的 时间控件 函数 要求能选则日期 小时 “分钟!!” 实现的功能难吗? 通过javascrip如何取得超级链接的URL?^_^ 求和运算~~~ 页面载入的时候,怎样将光标放在一个textarea的最后面? 用ASP+JAVASCRIPT如何打造下拉导航菜单? 如何让网页自动填写表单并且自动提交!! js 二维数组如何替换其中的某一个元素? 为什么我的js语句用不了
$(this).closest("tr").find(".单价栏目元素的class").text($(this).val());
});
<table width="100%" >
<tr>
<th width="18%">项目</th>
<th width="30%">名称</th>
<th width="12%">单价</th>
<th width="18%">数量</th>
<th width="">价格</th>
</tr>
<!--{eval $depot_class = DB::fetch_all("SELECT * FROM %t Where pid=%d and class_on=%d and shop_on=%d ORDER BY displayorder ",array('geyu_depot_class',2,1,1));}-->
<!--{loop $depot_class $value}-->
<tr id="list{$value[id]}">
<td>{$value['name']}</td>
<td>
<select name="class_name" class="main_select" onChange="changeCollege()" >
<option value=""></option>
<!--{eval $shop = DB::fetch_all("SELECT * FROM %t Where class_id=%d ORDER BY displayorder",array('geyu_depot_shop_Monitor',$value[id]));}-->
<!--{loop $shop $value}-->
<option value="{$value[money]}">{$value[name]}</option>
<!--{/loop}-->
</select>
</td>
<td>
<div name="moeny"></div>
</td>
<td><input name="danj" type="text" name="" id="" value="1" /></td>
<td><span id="overt"></span></td>
</tr>
<!--{/loop}-->
</table>
<script type="text/javascript">
function changeCollege(){
//提取商品名称 name
var class_name=document.getElementsByName("class_name");
//提取价格名称 name
var moeny=document.getElementsByName("moeny");
// 循环商品名称
for(var i=0;i<class_name.length;i++){
//商品名称的选择事件
class_name[i].onclick=function(){
//打印价格到网页
console.log(this.value);
// moeny[i].innerHTML = 000;
}
}
}
</script>
div元素没有name属性,需要用class获取
<div class="moeny"></div>var moeny=document.getElementsByClassName("moeny");在事件内使用外面的循环变量时需要用闭包保存每次循环的值
for(var i=0;i<class_name.length;i++){
(function(i){
class_name[i].onclick=function(){
moeny[i].innerHTML = this.value;
}
})(i);
}
是不是 不能用onChange 事件