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();