您的位置:首页 > 其它

change()方法,价格与数量联动

2013-09-03 16:29 453 查看
change()当元素的值发生改变时,会发生 change 事件。
该事件仅适用于文本域(text field),以及 textarea 和 select 元素。
change() 函数触发 change 事件,或规定当发生 change 事件时运行的函数。
注释:当用于 select 元素时,change 事件会在选择某个选项时发生。当用于 text field 或 text area 时,该事件会在元素失去焦点时发生。

<li class="num">
<span>数    量:</span>
<div class="pro_num">
<select id="num_sort">
<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>
</select>
</div
</li>
<li class="pro_price">
<span>总    计:</span><strong>200</strong>元
</li>

//价格总计,数量和价格联动
var $strong=$(".pro_price strong");
var price=$strong.text();
$("#num_sort").change(function(){
var num=$(this).val();
var amount=num*price;
$strong.text(amount);
}).change();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: