4 / 4 / 2
Регистрация: 20.05.2013
Сообщений: 97
1

Выбор значения select через JQuery

29.01.2017, 13:21. Показов 1102. Ответов 2
Метки html (Все метки)

Author24 — интернет-сервис помощи студентам
Здравствуйте, уважаемые формучане!

У меня возникла ситуация: есть некоторая форма. И в ней при надобности пользователь может добавить дополнительные поля ввода при помощи соответствующей кнопки. Когда пользователь нажимает на эту кнопку - то выполняется примерно такая функция:
Javascript
1
2
3
var html = $("#element").html();
html += "<p><select><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option></select>";
$("#element").html(html);
Проблема в том, что когда пользователь до нажатия на кнопку выбирает какое-то значение из списка, то при нажатии на кнопку это значение сбрасывается. Я сделал примерно такую функцию:
Javascript
1
2
3
4
5
function change_option(val, id)
{
    $("#" + id + " option").removeAttr("selected");
    $("#" + id + " :contains('" + val + "')").attr("selected", true);
}
Функция срабатывает по onchange в select.
val - это значение, а id - идентификатор select'a, соответственно. И вроде всё работает, убирается у ненужных <option> атрибут selected и подставляется в нужное значение. Но дело в том, что при этом, визуально всегда остается выбранным первый пункт:

Выбор значения select через JQuery


Подскажите, пожалуйста, почему так происходит и что можно с этим сделать?
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
29.01.2017, 13:21
Ответы с готовыми решениями:

Имитация select через jQuery
Добрый день. Подскажите, как можно через jQuery имитировать поведение select для выпадающего...

JQuery .autocomplete с событием onItemSelect - передать выбор значения в php
Доброго дня! Помогите отредактировать код: Последовательность такая: 1. Изначально выведен в...

Присвоение элементу значения через jQuery
Имеется скрипт &lt;script type=&quot;text/javascript&quot;&gt; $(function() { $(window).scroll(function(){ if...

Выбор Select в зависимости от значения Input
Добрый день! Помогите найти ошибки в скрипте: var a =...

2
2284 / 1316 / 625
Регистрация: 23.08.2015
Сообщений: 3,288
29.01.2017, 22:07 2
save,
Javascript
1
2
3
4
function change_option(val, id)
{
    $("#" + id).val(val);
}
Добавлено через 18 минут
Не очень понятно, почему вы вешаете эту функцию на onchange. Нельзя ли ее отработать при нажатии на кнопку, сразу после того, как добавился элемент. Во-вторых, почему используется функция подобно этой?
Javascript
1
2
3
var html = $("#element").html();
html += "<p><select><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option></select>";
$("#element").html(html);
Для чего переписывается все содержимое блока? Если нужно просто добавить элемент, то используйте метод append и все. Ну допустим при нажатии на кнопку вы выполняете ajax запрос и в ответе приходит html код блока целиком, но тогда нужно в запросе отправлять и значения полей, и исходя из них формировать html на стороне сервера с выбранными пунктами select.
1
4 / 4 / 2
Регистрация: 20.05.2013
Сообщений: 97
30.01.2017, 00:21  [ТС] 3
Цитата Сообщение от sad67man Посмотреть сообщение
используйте метод append и все
Примного благодарен Вам за дельный совет! Теперь в моём jquery-коде будет чуть меньше глупости
Я чувствовал, что мой подход не совсем верный (вообще не верный), но было тупо лень узнавать.
0
30.01.2017, 00:21
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
30.01.2017, 00:21
Помогаю со студенческими работами здесь

Выбор значения по умолчанию для select из базы
Есть такой код: do { printf (&quot;&lt;tr&gt; &lt;td&gt;&amp;nbsp;&lt;a...

Выбор цвета через select
Доброго времени суток! Хочу узнать возможно ли как нибудь сделать выбор цвета с помощью выпадающего...

Какое условие сделать чтобы от выбранного значения в select другой select принимал определенные значения?
выбираем например книгу и потом во втором select должно изменится значение &lt;label...

Выбор таблицы через select и запись данных в нее
Доброго времени суток! Имеется форма записи а также элемент select в ней, также имеются две...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru