jQuery
ใช้ jQuery จัดการ listbox
วัชรเมธน์ ศรีเนธิโรทัย
19/09/2551
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| <script type="text/javascript">
$(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)
});
</script>
<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> |
<script type="text/javascript">
$(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)
});
</script>
<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>
รูปแบบการเขียนจะเป็นอย่างนี้ กว่าจะหาเจอจากเว็บต่างประเทศ ปาเข้าไป 1 วันเต็ม
Like this:
Like Loading...
วัชรเมธน์ ชิษณุคุปต์ ศรีเนธิโรทัย
Programmer, Blogger
ชีวิตมันคือการเดินทางเพื่อค้นหาอะไรบางอย่าง และเพื่อค้นพบอะไรบางอย่าง สิ่งที่รู้แล้วจะได้บอกกล่าวให้คนข้างหลังได้ฟัง เพื่อเดินลุยเข้าไปในพงหนามอย่างเตรียมใจไว้แล้วว่าอาจจะต้องเจ็บ
Leave a Reply