jQuery-Selectに対する操作【メモ】

4895 ワード

jQueryはSelectで選択したTextとValueを取得する:
文法の解釈:1.$("#select_id").change(function(){//code...});//Selectにイベントを追加し、いずれかを選択するとトリガー2.var checkText=$("#select_id").find("option:selected").text();//Selectで選択したText 3を取得する.var checkValue=$("#select_id").val();//Selectで選択したValue 4を取得する.var checkIndex=$("#select_id ").get(0).selectedIndex;//Selectで選択したインデックス値5を取得する.var maxIndex=$("#select_id option:last").attr("index");//Select最大インデックス値の取得
jQueryはSelectで選択したTextとValueを設定します.
文法の解釈:1.$("#select_id ").get(0).selectedIndex=1;//Selectインデックス値を1に設定する項目選択2.$("#select_id ").val(4);//SelectのValueを4に設定する項目選択3.$("#select_id option[text='jQuery']").attr("selected", true);//SelectのText値をjQueryに設定する項目選択
jQuery SelectのOptionアイテムの追加/削除:
文法の解釈:1.$("#select_id").append("");//SelectにOption(ドロップダウン)を追加2.$("#select_id").prepend("を選択してください);//SelectにOption(最初の場所)3を挿入します.$("#select_id option:last").remove();//Selectのインデックス値の最大Option(最後)4.$を削除する("#select_id option[index='0']").remove();//Selectのインデックス値が0のOption(最初の)5.$を削除します.("#select_id option[value='3']").remove();//SelectのValue='3'のOption 6.$を削除("#select_id option[text='4']").remove();//SelectのText='4'のOptionを削除
 
radioが選択されているかどうかを判断します.
var item = $(":radio:checked");
var len=item.length;if(len==0){//alert(「failed」)が選択されているかどうかを判断します. }else{
 
radioで選択した値を取得します:var value=$(「input[name='radio 1'][type='radio']:checked」).val();//選択したアイテムの値alert(value);
radio選択:$("input[name=test][value=34]).attr("checked",true);//value=34のradioが$("input[id=testid][value=34])に選択されている.attr("checked",true);//value=34のradioが選択されています
 
//JSメソッドの公開
function ReplaceStr(text,tag,oldstr,newstr)
{
var mat=new RegExp("<"+tag+">.*?<\/"+tag+">","g");
var strArray=text.match(mat);
if(strArray!=null)
{
var reg=new RegExp(oldstr,"g");
for(var i=0;i<strArray.length;i++)
{
var str=strArray[i].replace(reg,newstr);
text
=text.replace(strArray[i],str);
}
}
return text;
}

役割は、text内のtagラベル内のoldstrをnewstrで置き換え、oldstrはunicode符号化であってもよい