Индекс Выбора Набора jQuery

Question

Индекс Выбора Набора jQuery

Лично, я поместил бы его как фоновое изображение в отделении, CSS для того существа:

#demo {
    background: url(bg_apple_little.gif) no-repeat center center;
    height: 200px;
    width: 200px;
}

(Принимает отделение с id="demo", поскольку Вы уже указываете height и width, добавление background не должно быть проблемой)

, Позволяют браузеру взять деформацию.

254

jquery jquery-selectors

задан BoltClock 23 May 2014 в 00:42

3 ответа

Другие вопросы по тегам:

jquery jquery-selectors

Похожие вопросы:

score 64 · Answer 1

Попробуйте вместо этого:

$("#selectBox").val(3);

также, посмотрите, поможет ли это вам:

http://elegantcode.com/2009/07/01/jquery-playing-with-select- dropdownlistcombobox /

score 443 · Answer 2

ПРИМЕЧАНИЕ : ответ зависит от jQuery 1.6.1+

$('#selectBox :nth-child(4)').prop('selected', true); // To select via index
$('#selectBox option:eq(3)').prop('selected', true);  // To select via value

Спасибо за комментарий, .get не будет работать, так как он возвращает элемент DOM, а не jQuery. Имейте в виду, что функцию .eq можно использовать и вне селектора, если хотите.

$('#selectBox option').eq(3).prop('selected', true);

Вы также можете быть более лаконичным / читабельным, если хотите использовать значение , вместо того, чтобы полагаться на выбор конкретного индекса :

$("#selectBox").val("3");

Примечание: .val (3) также работает в этом примере, но нечисловые значения должны быть строками, поэтому я выбрал строку для последовательности.
(например, требует использования .val ("привет") )

score 114 · Answer 3

Это тоже может быть полезно, поэтому я решил добавить его сюда.

Если вы хотите выбрать значение на основе значения элемента, а не индекса этого элемента, вы можете сделать следующее:

Ваш список выбора:

<select id="selectBox">
    <option value="A">Number 0</option>
    <option value="B">Number 1</option>
    <option value="C">Number 2</option>
    <option value="D">Number 3</option>
    <option value="E">Number 4</option>
    <option value="F">Number 5</option>
    <option value="G">Number 6</option>
    <option value="H">Number 7</option>
</select>

jquery:

$('#selectBox option[value=C]').attr('selected', 'selected');

$('#selectBox option[value=C]').prop('selected', true);

Выбранный элемент будет быть «номером 2» сейчас.