Меню Рубрики

Установка select по value

Как установить выбранное значение в Multi-Value Select в Jquery-Select2.?

привет всем, я связываю свой выпадающий список с Jquery-Select2. Он работает нормально, но теперь мне нужно связать мой многозначный selectBox с помощью Jquery-Select2.

Из этой ссылки http://ivaynberg.github.com/select2/ я использую поле выбора значения Mutiple , я могу связать свой dropdwon с

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

он работает, но как я могу исправить свой выбор, потому что пользователь может выбрать все, что угодно, поэтому я не могу написать a,c статически, поэтому мне нужно привязать мое выбранное значение в режиме редактирования динамически.

Я думаю, что теперь вы все ясно поняли мое требование. Пожалуйста, дайте мне знать, если вам понадобится дополнительное разрешение.

12 Ответов

Ну на самом деле ваша единственная потребность $.каждый, чтобы получить все значения, это поможет вам jsfiddle.net/NdQbw/5

Итак, я так понимаю, что вы хотите выбрать 2 варианта по умолчанию, а затем получить его значение? Если это так:

И чтобы получить ценность:

Чтобы установить значение:

Вы также можете использовать массив для установки значений:

Я понимаю, что этот пост стар, но в настоящее время произошли изменения в том, как работает select2, и ответ на этот вопрос теперь чрезвычайно прост.

Чтобы установить значения в мульти select2, выполните следующие действия

Больше нет необходимости указывать .select2 в jquery, просто .val

Кроме того, будут случаи, когда вы не захотите запускать событие change , потому что у вас может быть какой-то другой код, который будет выполняться, что и произойдет, если вы используете метод выше, чтобы обойти, что вы можете изменить значение без запуска события change , например

Использование библиотеки select2 jquery:

Просто посмотрите на это, это поможет.

вы можете добавить выбранные значения в array и установить его в качестве значения для выбора по умолчанию

Попробуйте это, это определенно должно сработать!

нет необходимости делать так много вещей. для заданного значения через несколько select2 var selectedvalue=»1,2,3″; //if выбираются первые 3 продукта. $(‘#ddlProduct’).val(selectedvalue);

С помощью библиотеки select2 есть 2 способа установить значение 1. при наличии одного значения вы можете передать его как строку

2. когда вы используете select2 с опцией multiselect вы можете передать массив значений в select2 и все эти значения будут установлены

помните, что вы можете установить одно значение для multiselect, передавая массив также следующим образом

Это не сработает. всегда предварительно выбирается только одно значение, даже если оба параметра доступны в списке, отображается только первое (‘#searchproject’).select2(‘val’, [‘New Co-location’,’Expansion’]);

Используйте функцию multiselect, как показано ниже.

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

Это относится к кодам до select2 версии 4 У меня есть простой код select2 , который получает данные из ajax $(#programid).select2(< placeholder: Select a Program, allowClear: true.

Я хотел бы изменить цвет границы моего select2 on click (onfocus). Я пробовал это делать, но он меняет цвет границы выбора, как показано ниже. Как я могу указать цвет границы.

Есть ли способ установить выбранный идентификатор / текст в select2 в HTML так же, как отображается и выбирается? Я использую select2 jquery версия 4.0.0 это и есть код: $(#users).select2(<.

Я пытаюсь установить значение динамически для моего combobox, на котором я применил select2 jQuery класс. После применения кода он устанавливает значение этого combobox; но он все еще говорит Select.

Я использую Select2 Jquery для привязки моего выпадающего списка, который используется для множественного выбора . Я использую select2 jquery. Он работает нормально, я могу привязать свой выпадающий.

Итак, у меня есть форма поиска wtform, одно поле которой представлено select2. Он загружается в зависимости от другого поля выбора через ajax. Шаг загрузки работает нормально. Но, когда я отправил.

Я использую этот код для вставки данных в элемент select с плагином select2 : $.ajax(< type: POST, url: ws.asmx/GetEvrakGrup, data: <>, contentType: application/json; charset=utf-8, dataType: json.

С помощью плагина select2.js v4, как установить выбранное значение по умолчанию, когда я использую локальный массив данных для источника? например с этим кодом var data_names = [< id: 0, text.

Читайте также:  Установка boinc на линукс

Select2 возвращает значения abs , def , ghi . Как получить только текущее выбранное значение или атрибуты данных. Я хочу получить только abc или def , который когда-либо выбирается, тогда как это.

Как установить выбранное или значение по умолчанию в select2 yii2? я пробовал использовать ‘value’ => $myvalue и ‘initValue’ => $myValue Есть ли какое-то решение? Спасибо. Я только что нашел.

источник

jQuery-установка выбранного значения элемента управления select с помощью его текстового описания

У меня есть элемент управления select, а в переменной javascript у меня есть текстовая строка.

Используя jQuery, я хочу установить выбранный элемент элемента управления select в качестве элемента с текстовым описанием, которое у меня есть (в отличие от значения, которого у меня нет).

Я знаю, что установить его по значению довольно тривиально. напр.

Но я немного озадачен тем, что делаю это через текстовое описание. Я предполагаю, что должен быть способ извлечь значение из текстового описания,но мой мозг слишком занят в пятницу днем, чтобы понять это.

19 Ответов

Выберите по описанию для jQuery v1.6+

jQuery версии ниже 1.6 и больше или равны 1.4

Обратите внимание, что хотя этот подход будет работать в версиях выше 1.6, но меньше 1.9, он был устаревшим с 1.6. Он не будет работать в jQuery 1.9+.

Предыдущие издания

val() должен справиться с обоими случаями.

Я не проверял это, но это может сработать для вас.

Попробуйте this. to выбрать опцию с текстом myText

Я делаю это на этом пути (jQuery 1.9.1)

Примечание: не забудьте change(), мне пришлось долго искать из-за этого 🙂

вернет значение первого параметра, содержащего ваше текстовое описание. Проверил это и работает.

Чтобы избежать всех осложнений версии jQuery, я честно рекомендую использовать одну из этих действительно простых функций javascript.

Я знаю, что это старый пост, но я не мог заставить его выбрать по тексту, используя jQuery 1.10.3 и решения выше. В итоге я использовал следующий код (вариация решения спулсона):

Надеюсь, это кому-то поможет.

В случае, если заявление не точное совпадение с «two» и «two three» не будет соответствовать

Самый простой способ с 1.7+ это:

Выберите параметры по значению, используя строку в качестве параметра $(«#myselect2»).selectOptions(«Value 1»); или регулярное выражение $(«#myselect2»).selectOptions(/^val/i); .

Вы также можете очистить уже выбранные параметры: $(«#myselect2»).selectOptions(«Value 2», true);

Я обнаружил, что при использовании attr вы бы в конечном итоге выбрали несколько вариантов, когда вы не хотите — решение заключается в использовании prop :

$(«#myDropDown option:text=» + myText +»»).prop(«selected», «selected»);

Просто на заметку. Мое выбранное значение не было установлено. И мне пришлось искать по всей сети. На самом деле я должен был выбрать значение после обратного звонка из веб-службы, потому что я получал от нее данные.

Так что обновление селектора было единственным, чего мне не хватало.

Вот очень простой способ. plz используйте его

У меня была проблема с примерами выше, и проблема была вызвана тем, что мои значения select box предварительно заполнены строками фиксированной длины из 6 символов, но передаваемый параметр не был фиксированной длины.

У меня есть функция rpad, которая будет правильно заполнять строку, до указанной длины и с указанным символом. Итак, после заполнения параметра он работает.

Вот простой вариант. Просто установите опцию списка, а затем установите его текст в качестве выбранного значения:

Этот общепринятый ответ пока не кажется правильным .val (‘newValue’) является правильным для функции, попытка получить select по его имени не работает для меня, я должен был использовать идентификатор и имя класса, чтобы получить свой элемент

Получить дочерние элементы окна выбора; цикл через них; когда вы нашли тот, который вы хотите, установите его в качестве выбранного параметра; возвратите false, чтобы остановить цикл.

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

У меня есть проблема с установкой выбранного элемента в директиве select angular. Я не знаю, является ли это ошибкой или сознательным дизайном от дизайнеров angular. Это, конечно, делает директиву.

Читайте также:  Установка автозапуск опель вектра б

Можно ли с помощью jQuery получить значение элемента select box на основе выбранного индекса? Я спрашиваю, потому что на самом деле мне нужно значение элементов до и после текущего selectedindex для.

Как я могу получить текст выбранного элемента из выпадающего списка с помощью jQuery?

Я пытаюсь использовать jquery для выбора значения параметра выбранного элемента в раскрывающемся списке html. HTML Я использую jQuery, чтобы заполнить его на $(document).ready : // some ajax call $.each(msg.cats, function (i, cat).

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

Я работаю с помощью JS Я связываю значения элемента управления следующим образом, Html, .

Я использую следующий код, чтобы следить за изменениями в данном элементе SELECT. someSelectElement.change(function () < alert('change made'); >); И это прекрасно работает, когда я изменяю значение.

У меня есть элемент управления TreeView, который содержит несколько элементов, узлов. Есть ли способ изменить цвет переднего плана выбранного элемента или цвет фона (по умолчанию синий фон с белым.

источник

Установка select по value

использование функции JavaScript с помощью leaveCode номер в качестве параметра, как выбрать соответствующий параметр в списке?

15 ответов

если вы используете jQuery, вы также можете сделать это

это позволит выбрать опцию со значением 14

С помощью простого Javascript это также может быть достигнуто с помощью двух документ

С querySelector, вы можете выбрать элемент на основе селектора CSS

или более установленный подход, с getDocumentById, что будет, как следует из названия функции, вы можете выбрать элемент на основе there id

вы можете запустить код ниже, обрезанный, чтобы увидеть эти методы и функцию jQuery в действии.

не отвечая на вопрос, но вы также можете выбрать по индексу, где i-индекс элемента, который вы хотите выбрать:

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

Я сравнил различные методы:

С Firefox 10. Примечание: единственная причина, по которой я сделал этот тест, заключалась в том, что jQuery выполнял супер плохо в нашем списке с

2000 записей (у них были более длинные тексты между опцион.) У нас была примерно задержка 2 s после val ()

примечание: Я устанавливаю значение в зависимости от реального значения, а не текстовое значение

это должно установить выбор в «ежегодный отпуск»

Я пробовал вышеуказанные решения на основе JavaScript / jQuery, такие как:

в приложении AngularJS, где был требуются

ни один из них не работает, потому что проверка формы AngularJS не запускается. Хотя была выбрана правильная опция (и отображается в форме), ввод оставался недопустимым (НГ-первозданной и ng-неверный классы еще настоящий.)

чтобы принудительно проверить AngularJS, вызовите jQuery change () после выбора опции:

самый простой способ, Если вам нужно:
1) Нажмите кнопку, которая определяет select option
2) Перейдите на другую страницу, где выберите опцию
3) выберите значение этого параметра на другой странице

1) ваша кнопка ссылки (скажем, на домашней странице)

(где контакты.в PHP ваша страница с выбранными параметрами. Примечание URL-адрес страницы ?параметр=1 или 2)

2) поместите этот код на свою вторую страницу (мой случай контакты.в PHP)

3) выберите значение параметра в зависимости от нажатия кнопки

.. и так далее.
Таким образом, это простой способ передачи значения на другую страницу (с выбором списка опций) через GET in url. Ни бланков, ни документов.. всего 3 шага и она работает идеально.

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

предположим, что ваша форма называется форма form1:

источник

Список SELECT javascript (select js) и его методы

Объект SELECT, в языке JavaScript, используется для создания раскрывающегося списка с единичным или множественным типом выбора опций.

Мы рассмотрим примеры скриптов для обращения к свойствам и методам SELECT и работу с обработчиком события SELECT onChange() .

Читайте также:  Установка thermalright macho rev 120

Что бы получить значение value или text выбранного элемента необходимо использовать свойство SELECT selectedIndex которое возвращает число (не путайте его со значением value) обозначающее порядковый номер выбранного элемента, нумерация начинается с нуля.

Если ни один из элементов не выбран будет возвращено число -1 (минус один).

У объекта SELECT есть объект OPTION методы которого используются для получения значения текстовых меток text и значения value любого из элементов списка SELECT.
Учтите, что у объекта SELECT нет свойств select text и select value поэтому, к этим значениям необходимо обращаться через массив OPTION.
Обращение происходит так:

Что бы изменить значения text или value элемента списка к нему так же обращаемся через массив OPTIONS:

Теперь мы можем написать функцию, для получения значений выделенного элемента и их вывода в модальном окне alert():

Учитывайте, что при отправке данных формы на сервер отправляется значение value выбранного элемента.

Напишем функцию которая при загрузке страницы сделает текущим указанный элемент списка SELECT с помощью метода selected объекта options. После выполнения кода текущим станет элемент с value=7 .

Теперь рассмотрим обработчик события SELECT onChange() он срабатывает только если будет выбран другой элемент отличный от текущего.
Напишем функцию Size() которая покажет количество элементов списка используя свойство SELECT length (счёт ведётся с нуля), а затем очистит список SELECT удалив все его элементы. И поместим эту функцию в обработчик события onChange():

Рассмотрим некоторые из атрибутов SELECT которые указаны в стандарте the Option Element
Атрибут disabled делает неактивным список SELECT запрещая или разрешая выбор элементов.
Что бы запретить выбор select его свойство disabled — необходимо установить в положение true делается это так:

Что бы разрешить вновь выбор, если он был запрещён, устанавливаем select disabled в положение false:

Иногда бывает необходимо узнать в каком положении атрибут select disabled и доступен ли список для выбора.
Для этого:

если список не доступен для выбора будет возвращено значение атрибута true если доступен false

Весь пример работы с SELECT выглядит так:

источник

Работа с элементом select из jQuery

Очень часто приходится сталкиваться с раскрывающимся списком

    Получим значение value , выбранной опции:

Если у вас есть еще предложения или вопросы, пишите в комментариях!

Похожие записи

12 комментариев

Спасибо, очень полезная информация, чётко по пунктам!

В 10 примере пару ошибок, правильно так:
var result;
$(‘#town option option:selected’).each(function() <
result = result + this.text + »;
>);
$(‘div#result’).html(result);

Согласен, что есть ошибки, но правильно будет так:

var result = «»;
$(‘#town option’).each(function() <
result = result + this.text + «
«;
>);
$(‘div#result’).html(result);

Статью писал, когда только начинал разбираться с jQuery… надо будет перепроверить 🙂

Спасибо за уточнение, в моём предыдущем сообщении, тег br автоматом вырезало 🙂

В вашем варианте проблема не столько в br, сколько в обращении к option — $(‘#town option option:selected’)

Алексей,
13 вариант, поиск регистроЗависимый, изменяя регистр буквы поиск не работает.

Совершенно верно, ведь селектор по тексту :contains чувствителен к регистру. Если необходимо выполнить поиск не зависимо от регистра, можно перебрать все пункты в цикле, переводя значения к нижнему регистру и сравнивая с искомым текстом. Добавил этот вариант в 13-ый пункт 🙂

если пользователь уже установил нужные ему option в $(«#town»), то если нужно их изменить при каких-то определенных условиях (например, поезда туда не ходят), метод $(«#town :last»).attr(«selected», «selected»); не работает. Элемент option все ровно остается таким, какой выбрал пользователь.

я разобрался, лучше писать $(«#town :last»).prop(«selected», «selected»);
тогда все работает

Руслан, действительно начиная с jQuery 1.6, метод .attr() возвращает undefined для тех атрибутов, значение которых не было задано, т.е. для получения и выставления таких опций как checked, selected, или disabled нужно использовать метод .prop() Подробнее можно почитать в статье работа со свойствами. Спасибо вам за замечание, обновлю статью.

JQuery 3.4.1. Для разблокировки селекта строка

не катит. Нужно писать следующее:

$(«#town»).prop(«disabled», true);
$(«#town»).prop(«disabled», false);

для блокировки и разблокировки соответственно.

источник

Добавить комментарий

Adblock
detector