1.判斷select選項中是否存在Value="paraValue"的Item
$("#selectid option[@value='paraValue']").length>0
2.加入一個Item ##$("#selectid").append("
#7.設定select中第一個Item為選取
$("#selectid option").eq(0).attr('selected', 'true');
8. 得到select的目前選取項目的value
$("#selectid").val();
9.得到select的目前選取項目的text
#$( "#selectid").text();
10. 得到select的目前選取項目的Index
document.getElementById("select1").selectedIndex;$("#selectid").get(0).selectedIndex
11. 清空select的項目
$("#selectid").empty();
#JS版本的:
//1.判斷select選項中是否存在Value="paraValue"的Item
function jsSelectIsExitItem(objSelect,objItemValue)
- #{
-
# #var #isExit =
##
#false ; # #for##
#for- ## (
-
var# i=0;i;I++)
{
-
#### #########if##### ######(objSelect.options[i].value == objItemValue) # ########### { ###
isExit = true# ##o ##
- break
; }
>
- }
-
#" isExit; }
-
//2.向select選項中加入一個Item
-
#function
jsAddItemToSelect(objSelect, obj項目
# if
(jsSelectIsExitItem(objSelect,objItemValue)) ##(jsSelectIsExitItem(objSelect,objItemValue))
-
# { # alert(
); }
- #else
# {
-
#
-
varvar> ## varItem = new
Option(objItemText,objItemValue);
- Option(objItemText,objItemValue);
-
#// objSelect.options[objSelect.options.length] = varItem; # add(varItem, objItemPos); alert(##"成功加入"
# }
#}
-
## #//3.從select選項中刪除一個Item### #########################function###### ################################################################### ##jsRemoveItemFromSelect(objSelect,objItemValue) ############{ ########### ### ############卷################## ### #########if###### ######(jsSelectIsExitItem(objSelect,objItemValue) ) ############ { ###
-
for## ##(# ##(#
# i=0;i;I++)
{ ##if (objSelect.options[i].value == objItemValue)
- objSelect.options.remove(i);
- # ;
} alert( #"成功刪除"
- );
- }
#else
# {
- "該select中不存在該項目"
); }
- ##//4.修改select選項中value="paraValue"的text為"paraText"
function
jsUp- date
ItemToSelect(objSelect, obj項目
-
##
(jsSelectIsExitItem(objSelect,objItemValue))
(jsSelectIsExitItem(objSelect,objItemValue))
-
# {
# forfor## forfor## #
var
i=0;i;I++) {
#1 # if
#(objSelect.options[i]# {
break ; #
}
} #
"成功修改" -
); }
##
{ # {
# 中不存在該項"
- );
}
}
- //5.設定select中text="paraText"的第一個Item為選取
-
function
- jsSelectItemByValue(objSelect,objItemText)
# {
-
//判斷是否存在
- # #
var isExit = false ;
-
for ##(# ##(#
##( # -
#var
-
i=0;i;I++) {
# ##
-
##
if (objSelect.options[i].text == objItemText) {
-
# objSelect.options[i].selected = true
##; -
true # isExit =
true
-
break
; } #
- ##
//Show出結果
## -
if (isExit)
-
{
######### { ############ (### ######"成功選中"##### ###); #############
alert(
"該select中不存在該項"-
);
} #}
-
/
##/16.設定select中value="paraValue"的Item 為選取
- document.all.objSelect.value = objItemValue;
#//7.得到select的目前選取項目的value-
var
currSelectValue = document.all.objSelect.value;
##//8.得到select的目前選取項目的text-
var
currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;
################################################################################################################################################################################################################# # ##################//9.得到select的目前選取項目的Index### ################# #######var###### ######currSelectIndex = document.all.objSelect.selectedIndex; ######################################################################################################### ##########//10.清除select的項目### ###################document.all.objSelect.options.length = 0 ; ### ############
以上是Jquery操作select的詳細內容。更多資訊請關注PHP中文網其他相關文章!