window jquery




أضف السمة 'المحددة' باستخدام قيمة الخيار (4)

أعتقد أنك قد تبحث عن شيء من هذا القبيل. http://jsfiddle.net/tnPU8/3/

وهو يدور من خلال خيارات مربع الاختيار ويقارن قيمها مع قيم b . إذا كانت متساوية يتم تغيير مؤشر المربع المحدد بحيث يتم عرض الخيار الذي يحتوي على قيمة b .

var b; //set equal to what you want to compare
$('#selectbox').find('option').each(function(i,e){
    console.log($(e).val());
    if($(e).val() == b){
        $('#selectbox').prop('selectedIndex',i);
    }
});

تعديل: استخدام localStorage http://jsfiddle.net/tnPU8/7/

لدي مربع اختيار مع 10 خيارات. في كل مرة تقوم فيها بتحديد أحد الخيارات التي تحددها في لوكالستوراج القيمة التي حددتها مع معرف "select 1".

على سبيل المثال: إذا قمت بتحديد الخيار الأول الذي تحصل عليه في لوكالستوراج: المفتاح: إمايلكلينت - القيمة: Option1.

الآن، محاولة إيوم لجعل قيمة لوكالستوراج، السمة المحددة في النموذج المحدد.

هذا هو ما حاولت ولكن لا يبدو للعمل:

if (localStorage.getItem("Select1") == "Option1"){ 
    $('#selectbox').val("Option1").attr("selected");
}

ما أنا أفعل الخطأ؟

تصحيح:

هذا هو الرمز الخاص بي:

<select id="selectbox" >
                        <option>Default</option>
                        <option>Option 1</option>
                        <option>Option 3</option>
                        <option>Option 3</option>
                        <option>Option 4</option>
                        <option>Option 5</option>
                        <option>Option 6</option>
        </select>

شكر


على مزيد من الاستعراض، يبدو كما لو كنت تريد شيئا أكثر تماما ميزة الارتباط

search = "Option 5";
$('#selectbox option:contains('+search+')').prop('selected',true);

هذا يعمل:

var optionValue  = localStorage.getItem("Select1")
$("#selectbox").val(optionValue)
.find("option[value=" + optionValue +"]").attr('selected', true);

جرب هذا:

if (localStorage.getItem("Select1") == "Option1"){ 
    $('#selectbox option:contains(Option1)').prop('selected',true); // jquery 1.6+
}

إذا كنت تستخدم إصدار مسج أقدم من 1.6، .prop باستخدام .attr

تعديل: إصدار أكثر ديناميكية

if (localStorage.getItem("Select1")) {
  $('#selectbox option:contains(' + localStorage.getItem("Select1") + ')').prop('selected',true);
}




drop-down-menu