๑๙ ก.ย. ๒๕๕๑

ใช้ jquery จัดการ listbox

html :

 

<form id="myform" name="myform" method="post" action="">
<select name="list" size="3">
<option value="1" selected="selected">Alpha</option>
<option value="2">Beta</option>
<option value="3">Delta</option>
</select>
</form>

 

jquery :

 

$(document).ready(function() {
$("#myform select[@name='list'] option[@selected='selected']").removeAttr("selected");//remove any selected items
$("#myform select[@name='list'] option[@value='2']").attr("selected","selected");//select beta
$("#myform select[@name='list'] option").removeAttr("selected");//remove any selected items (alternative method)
$("#myform select[@name='list'] option:eq(3)").attr("selected","selected");//select delta (it finds the third child)
});

รูปแบบการเขียนจะเป็นอย่างนี้  กว่าจะหาเจอจากเว็บต่างประเทศ ปาเข้าไป 1 วันเต็ม

ไม่มีความคิดเห็น: