欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery操作select option 的代碼小結

 更新時間：2011年06月21日 23:28:18   作者：  
jquery操作select option 的代碼小結,需要的朋友可以參考下。
1、獲取選中select的value和text,html代碼如下：
復制代碼 代碼如下:

<select id="mySelect">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
</select>

則可通過以下script代碼s來獲取選中的value和text
復制代碼 代碼如下:

$("#mySelect").val(); //獲取選中記錄的value值
$("#mySelect option:selected").text(); //獲取選中記錄的text值

2、運用new Option("文本","值")方法添加選項option
復制代碼 代碼如下:

var obj = document.getElementById("mySelect");
obj.add(new Option("4","4"));

3、刪除所有選項option
復制代碼 代碼如下:

var obj = document.getElementById("mySelect");
obj.options.length = 0;

4、刪除選中選項option
復制代碼 代碼如下:

var obj = document.getElementById("mySelect");
var index = obj.selectedIndex;
obj.options.remove(index);

5、修改選中選項option
復制代碼 代碼如下:

var obj = document.getElementById("mySelect");
var index = obj.selectedIndex;
obj.options[index] = new Option("three",3); //更改對應的值
obj.options[index].selected = true; //保持選中狀態(tài)

6、刪除select
復制代碼 代碼如下:

var obj = document.getElementById("mySelect");
obj.parentNode.removeChild(obj); //移除當前對象

7、select選擇的響應事件
復制代碼 代碼如下:

$("#mySelect").change(function(){
//添加所需要執(zhí)行的操作代碼
})

相關文章

  • jQuery操作iframe中js函數(shù)的方法小結

    jQuery操作iframe中js函數(shù)的方法小結

    這篇文章主要介紹了jQuery操作iframe中js函數(shù)的方法,結合實例形式總結分析了jQuery操作iframe中的元素、函數(shù)常用方法與注意事項,具有一定參考借鑒價值,需要的朋友可以參考下
    2016-07-07
  • 基于jQuery的Tab選項框效果代碼(插件)

    基于jQuery的Tab選項框效果代碼(插件)

    依據(jù)className實現(xiàn)的Tab選項框，支持多個tab，需要的朋友可以參考下。
    2011-03-03
  • jQuery時間軸插件使用詳解

    jQuery時間軸插件使用詳解

    本文給大家分享的是使用jQuery制作的模仿百度時間軸特效的代碼，效果非常不錯，有需要的小伙伴可以參考下。
    2015-07-07
  • Easyui Datagrid自定義按鈕列(最后面的操作列)

    Easyui Datagrid自定義按鈕列(最后面的操作列)

    做項目的時候因為需求,要在表格的最后添加一列操作列,easyUI貌似沒有提供這種功能，下面我們來自定義按鈕列，具體實現(xiàn)代碼，大家參考下本文吧
    2017-07-07
  • jQuery實現(xiàn)可編輯的表格

    jQuery實現(xiàn)可編輯的表格

    這篇文章主要為大家詳細介紹了jQuery實現(xiàn)可編輯的表格，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2019-12-12
  • jquery對象和DOM對象的區(qū)別介紹

    jquery對象和DOM對象的區(qū)別介紹

    jquery對象和DOM對象在使用過程很頻繁，正是因為如此，好多朋友都不知道它們之間有什么區(qū)別，下面為大家詳細介紹下，希望對大家有所幫助
    2013-08-08
  • Tab頁界面 用jQuery及Ajax技術實現(xiàn)(php后臺)

    Tab頁界面 用jQuery及Ajax技術實現(xiàn)(php后臺)

    到了B/S開發(fā)時代，網(wǎng)頁前端布局也把Tab頁的布局形式吸收了過來。特別是和Ajax技術結合起來，可以更充分發(fā)揮Tab頁的良好表現(xiàn)力和數(shù)據(jù)緩存的優(yōu)勢，是一種良好的網(wǎng)頁布局形式
    2011-10-10
  • jquery獲取及設置outerhtml的方法

    jquery獲取及設置outerhtml的方法

    這篇文章主要介紹了jquery獲取及設置outerhtml的方法,實例分析了jQuery實現(xiàn)針對outerhtml操作的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-03-03
  • jQuery實現(xiàn)的自定義輪播圖功能詳解

    jQuery實現(xiàn)的自定義輪播圖功能詳解

    這篇文章主要介紹了jQuery實現(xiàn)的自定義輪播圖功能,結合實例形式詳細分析了輪播圖的原理、實現(xiàn)步驟及相關操作技巧,需要的朋友可以參考下
    2018-12-12
  • 使用基于jquery的gamequery插件做JS乒乓球游戲

    使用基于jquery的gamequery插件做JS乒乓球游戲

    現(xiàn)在jquery比較流行，用js做游戲的也越來越多了，雖然現(xiàn)在html5出來了，但實際上要用html5做點啥出來還是得靠javascript，所以學好js是非常重要的
    2011-07-07

最新評論