這個頁面上有多個 select框 里面選擇不通的產品 選擇后在后面的單價欄目 顯示相應的價格
請問怎么寫？
uj5u.com熱心網友回復：
選擇后傳入當前控制元件到函式，可以查找當前行，在當前行中定位其它控制元件uj5u.com熱心網友回復：
單個的select name 我實作了 效果 但是 多個 select 就不定了uj5u.com熱心網友回復：
如果渲染的時候同一行資料保存了一個統一值（比如該條目的id [data-id='xxxx']），可以考慮回圈判斷當前onChange的data-id對應的那個價格進行定位uj5u.com熱心網友回復：
$(".....").change(function(event){$(this).closest("tr").find(".單價欄目元素的class").text($(this).val());
});
uj5u.com熱心網友回復：
我是通過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="https://bbs.csdn.net/topics/{$value[money]}">{$value[name]}</option>
<!--{/loop}-->
</select>
</td>
<td>
<div name="moeny"></div>
</td>
<td><input name="danj" type="text" name="" id="" value="https://bbs.csdn.net/topics/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>
uj5u.com熱心網友回復：
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);
}
uj5u.com熱心網友回復：
網頁上點擊沒問題了 手機上點擊下拉框的產品后 不顯示價格 再點下才會出來是不是 不能用onChange 事件
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/130639.html
標籤：JavaScript
下一篇：logo