jQuery对select的一些常用操作
给定以下 select 下拉选项.
1 2 3 4 5 6 | <select id="select-one" name="select"> <option value="1" selected="selected">Google</option> <option value="2">Oracle</option> <option value="3">Microsoft</option> <option value="4">IBM</option> </select> |
1.获取选中 select的 text
1 | $('select#select-one').find('option:selected').text(); //值为 Google |
2.获取选中 select的 value
1 | $('select#select-one').find('option:selected').val(); //值为 1 |
3.为Select追加一个Option下拉项到最后
1 | $('select#select-one').append('<option value="5">Facebook</option>'); |
4.给select第一个位置插入一个option
1 | $('select#select-one').prepend('<option value="">---请选择---</option>'); |
5.删除select中最后的一个option
1 | $('select#select-one option:last').remove(); |
6.删除select中索引值为 0 的option
1 | $('select#select-one option[index="0"]').remove(); |
7.清空select的option
1 | $('select#select-one').empty(); |