jQuery ドロップダウン メニュー操作の概要

選択を取得:

選択されたテキストを取得:

$("#ddlRegType").find("option:selected").text();



選択された値を取得:

$(" #ddlRegType ") .val();



select の選択されたインデックスを取得します:

$("#ddlRegType ").get(0).selectedIndex;



Set select:

select の選択されたインデックスを設定します:

$ ("#ddlregtype") .get (0) .selectEdindex = Index; // インデックスは SELECT によって選択された値です:

$ ("#ddlregtype") .attr ("Value ","Normal");

$("#ddlRegType ").val("Normal");

$("#ddlRegType ").get(0).value = value;



選択を設定 テキストを選択:

var count=$ ("#ddlRegType オプション").length;

for(var i=0;i .options[i].text == text)

}



$( "#select_id オプション[text='jQuery']").attr("selected", true);



選択オプション項目を設定します:



$("#select_id").append("Text"); //オプションを追加します

$("#select_id").prepend("選択してください
$("#select_id option:last").remove(); //インデックス値が最​​大のオプションを削除します

$("#select_id option[index='0 ']") .remove(); //インデックス値 0 のオプション

を削除 $("#select_id option[value='3']").remove(); //インデックス値 3 のオプション

を削除select_id option[text='4']").remove(); //TEXT値4のオプションを削除



Clear Select:

$("#ddlRegType ").empty();


jquery値の取得:

.val()

.text()


値の設定

.val('ここに値を設定')



$("document").ready(function (){
$ ("#btn1").click(function(){
$("[name='checkbox']").attr("checked",'true');//すべて選択
})
$("# btn2").click(function(){
$("[name='checkbox']").removeAttr("checked");//すべての選択をキャンセル
})
$("#btn3 ").click( function(){
$("[name='checkbox']:even").attr("checked",'true');//奇数をすべて選択
})
$("#btn4 ").click (function(){
$("[name='checkbox']").each(function(){//逆選択
if($(this).attr("checked")){
$ (this) .removeAttr("チェック済み");
}
$(this).attr("チェック済み",'true');
})
$("#btn5") (){// 選択した値を出力します
var str=""
$("[name='checkbox'][checked]").each(function(){
str+=$(this). val() +"rn";
//alert($(this).val());
alert(str)
})
})


========= == =============================================== == =====

========================================== = =========================

jQuery.fn.size = function()
{
{ return jQuery(this).get(0).options.length;
}
//選択された項目のインデックスを取得します
jQuery.fn.getSelectedIndex = function( )
{ J Return jquery (this) .get (0) .selectEdindex;
}
// 現在選択されているテキストを取得
jquery.fn.getSelectExt = function () {
if (this.size () == 0)
)
{ (this).get(0).options[index].text;
}
}
//現在選択されている項目の値を取得します
jQuery.fn.getSelectedValue = function()
{
if( this.size() == 0)
{ return "ドロップダウン ボックスに選択された値がありません";
else
{
jQuery(this).get (0).value = value;選択内の最初の項目を選択するテキストとして設定します
jQuery.fn.setSelectedText = function(text)
var isExist = false;
for(var i=0;i<) ;count;i++)
{ if(jQuery(this).get(0).options[i].text == text)
{ jQuery(this) .get(0).options[i].selected = true;

{ }
}
//選択したインデックス項目を設定します
jQuery.fn.setSelectedIndex = function(index)
{
var count = this.size();
if(index >= count || Index < 0)
{T アラート (「インデックスの選択が範囲を超えています」); 項目
jQuery.fn.isExistItem = function(value)
{
var isExist = false;var count = this.size();
for(var i=0;i { if(jQuery(this).get(0).options[i].value == value)
{
isExist = true;はテキスト、値は value です。値がすでに存在する場合は、プロンプトが表示されます
jQuery.fn .addOption = function(text,value) { jQuery(this).get (0).options.add(new Option(text,value));
}
}
//項目が存在しない場合は、値が value である項目を削除します。
jQuery.fn.removeItem = function( value)
{
if(this.isExistItem(value))
{ var count = this.size();
for(var i=0;i get(0).options[i].value == value)削除する項目は存在しません!");
}
}
//select で指定したインデックスを持つ項目を削除
jQuery.fn.removeIndex = function(index)
{
var count = this.size() ; if（index> .remove（index）;
}}}
//すべての項目をクリアする
jquery.fn.clearall= function（）
{
操作を要約してください。 PHP 中国語 Web サイトに注意してください。