eq (0) не является допустимым селектором с $ .each

Question

<select class="qty"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option> 
</select> 
<select class="qty"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option> 
</select> 

У меня есть 2 select теги, и я хочу обновить их массивом. Это означает изменение выбранного для правильного значения, но почему в моей попытке ниже :eq() не работает с моей петлей?

selectedArr = [2,3]; 

$.each(selectedArr,function(i,obj){ 
    console.log(obj); 
    $('.qty:eq(' + i + ')').prop('selected', true); 
}); 

Answer 1

Там несколько вещей, которые здесь не так:

1. $('.qty:eq('+i+')').prop('selected',true) устанавливает только selected свойство на <select> элемент - не<option> элемент
2. Вы не выбираете подходящую опцию из массива в соответствии с selectedArr

Я хотел бы сделать что-то вроде этого:

var selectedArr = [2, 3]; 
 

 
$.each(selectedArr, function(i, obj) { 
 
    $('.qty:eq(' + i + ')').val(obj); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select class="qty"> 
 
    <option>1</option> 
 
    <option>2</option> 
 
    <option>3</option> 
 
    <option>4</option> 
 
</select> 
 

 

 
<select class="qty"> 
 
    <option>1</option> 
 
    <option>2</option> 
 
    <option>3</option> 
 
    <option>4</option> 
 
</select>

Answer 2

нужно пространство его является потомком селектор

$('.qty option:eq('+i+')').prop('selected',true); 

Answer 3

Потому что вы пытаетесь изменить selected свойство select элементов. Вы должны выбрать своего целевого ребенка option, а затем изменить свойство selected. HTMLSelectElement объект не имеет selected недвижимость.

Следующий фрагмент сначала выбирает выберите элемент целевого пользователя на основе индекса текущей итерации, а затем выбрать целевой параметр элемент:

$.each(selectedArr, function (i, obj) { 
    $('.qty:eq(' + i + ') option:eq('+ obj +')').prop('selected', true); 
}); 

Другим вариантом с использованием val метода:

$.each(selectedArr, function (i, obj) { 
    $('.qty:eq(' + i + ')').val(obj); 
}); 

Answer 4

Вы можете попробовать это:

selectedArr = [2,3]; 

$.each(selectedArr,function(i,obj){ 
    console.log(obj); 
    $('.qty option').eq(i).prop('selected',true); 
}); 

Answer 5

You можете попробовать это:

https://jsfiddle.net/4wfeqd2z/

selectedArr = [2,3]; 

$.each(selectedArr,function(i,obj){ 
    console.log(obj); 
    $('.qty').each(function() { 
     $(this).find('option:eq('+obj+')').prop('selected',true); 
    }); 
}); 

Answer 6

DEMO

Как вы не имеете значение атрибута в настройках, я думаю, что это то, что ты ищешь.

selectedArr = [2, 3]; 
$.each(selectedArr, function (i, obj) { 
    console.log(obj + '' + i); 
    $('.qty:eq(' + i + ') option:eq(' + obj + ')').prop('selected', true); 
});