Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Не могу добавить option в select

Собственно index.html
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<title>TEST</title>
		<script src='./jquery.js' type='text/javascript'></script>
		<script src='./my.js' type='text/javascript'></script>
</head>
<body>
    <select id='UserStatus' name='UserStatus'>
		<option value='active'>активна</option>
		<option value='locked'>блокирована</option>
	</select>
</body>
</html>

А вот my.js:
$(document).ready(
 function() {
  $('select[@name=UserStatus] option').remove();
  $('select[@name=UserStatus] option').append('<option>новый</option>');
  }
 );


При загрузке страницы получаю пустой select, а если убрать
$('select[@name=UserStatus] option').remove();


получаю:
<select id="UserStatus" name="UserStatus">
 <option value="active">
 активна
  <option>новый</option>
 </option>
 <option value="locked">
 блокирована
  <option>новый</option>
 </option>
</select>


Что не так?
Ответ: Дабы не создавать новую тему. А, может и не в ту ветку пишу. Извиняюсь!
Ув. Знатоки подскажите как добавлять в select новый пункт через php?

К примеру нужно добавить в селектор новый пункт. Пишем в поле input Слово которое должно быть в select. Жмем кнопку добавить и слово добавляется в select только без перезагрузки страницы. И еще важно чтоб при каждом добавлении слова в value каждого нового option-a добавлялась цифра по нумерации тобишь если <option>Слово 1</opton> то его value будет 1.

Заранее спасибо)
Вопрос: снятие заблокированных option в select

Народ помогите добавить условие, чтоб при нажатии "Кнопка 2", не блокировался список select. Но "Кнопка 2" работала в прежнем режиме.
Код:
<div class="group">
<label class="primary">
<input data-select="3" type="button">Кнопка 1</label>
<label class="primary">
<input data-select="4" type="button">Кнопка 2</label>
</div>
     <select id="select">
        <option value="1">Выбор пункта 1</option>
        <option value="2">Выбор пункта 2</option>
        <option value="3">Выбор пункта 3</option>
        <option value="4">Выбор пункта 4</option>
        <option value="5">Выбор пункта 5</option>
        <option value="6" checked >Выбор пункта 6</option>
</select>
<script type="text/javascript">
 document.getElementsByClassName('group')[0].addEventListener('click', function(evt) {
    var elem = evt.target;
    if (elem.hasAttribute('data-select')) {
      let select = document.getElementById('select');
      select.value = elem.getAttribute('data-select');
      
      let options = select.getElementsByTagName('option');
      
      Array.from(options, (option, i) => options[i].disabled = (option.value !== select.value ? true : false));

      
      var elem = document.getElementById('select');
      var event = new Event('change');
      elem.dispatchEvent(event);
    }

  }, false);
</script>
Ответ: j0hnik вот теперь применяется всё как нужно, спасибо
Вопрос: Стилизация текста в теге <select>

Как сделать часть строки в теге SELECT одним цветом, а часть другим
HTML5
1
2
3
4
5
6
7
<select class="sel-prodaga">
  <option class="name">Цены <span class="pr-name">Прайс-Лист<span></option>
  <option class="name">Цены <span style="color:#008000">Скидки</span></option>
  <option class="name">Цены Акции</option>  
  <option class="name">Цены Спецпредложения</option>
  <option class="name">Цены Скачать прайс</option>
</select>
Надо что-бы слово Цены было черного цвета, а Прайс-Лист - серого
к сожалению вся строка получается одним цветом.
Ответ: Спасибо всем за помощь.
Вот скриншот селекта, который мне нужно реализовать:

Как видите текст слов в селекте разный и к тому же нужно поменять внешний вид треугольника выбора в селекте, а это как я понял тоже невозможно сделать с помощью CSS.
Видимо придется использовать какой-то плагин. Буду благодарен за информацию о том какой именно плагин позволить реализовать такой внешний вид селектов.
Вопрос: Скрытие элемента при выборе option в select

Здравствуйте (сразу скажу я немного далек от темы js), есть два списка select (первый видимый, второй невидимый), при выборе первой option в первом селекте нужно чтобы второй селект становился видимым. Помогите пожалуйста
<select>
	  <option>От звука</option>
	  <option>В тональности</option>
  </select>
	<select>
		<optgroup label="До">
		<option>До&#119083</option>
		<option>До&#9837</option>
		<option>До</option>
		<option>До&#9839</option>
		<option>До&#119082</option>
		</optgroup>
		<optgroup label="Ре">
		<option>Ре&#119083</option>
		<option>Ре&#9837</option>
		<option>Ре</option>
		<option>Ре&#9839</option>
		<option>Ре&#119082</option>
		</optgroup>
		<optgroup label="Ми">
		<option>Ми&#119083</option>
		<option>Ми&#9837</option>
		<option>Ми</option>
		<option>Ми&#9839</option>
		<option>Ми&#119082</option>
		</optgroup>
		<optgroup label="Фа">
		<option>Фа&#119083</option>
		<option>Фа&#9837</option>
		<option>Фа</option>
		<option>Фа&#9839</option>
		<option>Фа&#119082</option>
		</optgroup>
		<optgroup label="Соль">
		<option>Соль&#119083</option>
		<option>Соль&#9837</option>
		<option>Соль</option>
		<option>Соль&#9839</option>
		<option>Соль&#119082</option>
		</optgroup>
		<optgroup label="Ля">
		<option>Ля&#119083</option>
		<option>Ля&#9837</option>
		<option>Ля</option>
		<option>Ля&#9839</option>
		<option>Ля&#119082</option>
		</optgroup>
		<optgroup label="Си">
		<option>Си&#119083</option>
		<option>Си&#9837</option>
		<option>Си</option>
		<option>Си&#9839</option>
		<option>Си&#119082</option>
		</optgroup>
	</select>
Ответ: html'щик, ник у вас для данного форума неудачный, по техническим причинам!!!
Вопрос: Добавить option в select при помощи js

Здравствуйте! Подскажите пожалуйста. Как при помощи скрипта в select
<select name="search" class="one">
добавить option
<option value="teo" selected="">teo</option>
?? Пользуюсь greasemonkey
Ответ: все, туплю, спасибо)
Вопрос: PHP и AJAX и 3 тега select.

Всем доброго времени суток. Возникли проблемы с реализацией отправки данных через ajax, а именно:
У меня есть 3 тега select в которые из базы выводятся значения такие как цвет, размер и цена(одежды). Когда я выбираю значения и нажимаю на кнопку submit данные отправляются post-ом в вызываемую через php функцию такого вида:
$product->get_product($_POST['colors'], $_POST['prices'], $_POST['size']);
Непосредсвенно данные это просто числовые значения от 0 - до n, они же id категорий в базе. Вызов функции, как и сами селекты находятся в одном файле index.php, сама реализация выборки из базы данных находится в другом - product.php
Ув. сообщество подскажите как передать данные в вызываемую функцию в качестве параметров через ajax. Было бы не плохо реализовать отправку хотябы с одного select-a.
P.S. прежде чем тут писал много гуглил, но ничего толкового не вышло. Спасибо.
Ответ: Отвечу на письмо тут. Если в вашем проекте используется jQuery, то отправить асинхронный запрос это просто:

$(function() {
    //устанавливаем обработчик на отправление формы, например по ее ID, пусть это будет для примера myform
    $("#myform").submit(function() {
        //отправляем ajax-запрос на сервер, используя простейший из них
        //если форма это три указанных списка, то метод .serialize() и вернет необходимую строку запроса с параметрами
        $.get('url', $(this).serialize(), function(data) {
            //data будет содержать ответ сервера
        });
        //отменяем отправку формы
        return false;
    }); 
});


Здесь можно в jQuery. Если jQuery не используется, то тоже не проблема, в основе своей. Выставлять код нужно свой, ну или пояснять что используется, иначе гадать...
Вопрос: Тег Select на сайте. Разные браузеры

Всем доброго времени суток, уважаемые форумчане...
У меня сложилась такая проблема. Имеется тег select, без каких либо стилей, в браузере chrome отображается так как надо) А вот в firefox проблема... Если какое нибудь решение моей проблемы?? перегуглил весь инет, не нашел ответа. Помогите пожалуйста, подскажите. Необходимо, что бы стрелочка не выделялась так

. И мне надо, что бы в FireFox выглядело так же как и в хроме... Подскажите пожайлусто, что можно сделать?
p.s. Афигеть. Скрины не добавляются...
Ответ:
Надо "обнулить" стандартные стили для всех браузеров и сделать свои.

Обнуление стилей делается в CSS так:
-moz-appearance (-webkit-appearance)

Вопрос: Как сделать, чтобы option у select скрывался(схлопывался) при нажатии на любое пространство body, а не только

Приветствую!
Как в данном плагине: чтобы select сам закрыл option при нажатии на любое пространство body, а не только на select?

Исходники:

P.S.: Я еще только начинаю учить javascript, но хотелось бы знать. Если бы в этом плагине select закрывался, я бы не спрашивал.
Ответ:
Сообщение от Castle540
оказывается option скрывается только когда мы нажимаем на синию область
В вашем изначальном примере этой области и нету, ее создает
CSS
1
2
3
4
5
6
body, html {
    height: 100%;
}
.wrapper {
    height: 100%;
}
Чтобы действовало на всем окне, уберите у тега <body> свойства:
CSS
1
2
3
4
body {
    margin-top: 100px;
    margin-left: 200px;
}
Ну, а чтобы остался преждний вид, добавьте например к тегу <form>:
CSS
1
2
3
4
form {
    padding-top: 100px;
    padding-left: 200px;
}
Вопрос: Найти option в select, зная его текст

Всем привет!

HTML5
1
2
3
4
5
6
7
<select id="test">
<option value="x">A</option>
<option value="xx">Boy</option>
<option value="xxz">B</option>
<option value="xxx">C</option>
</select>
<input type="button" id="my_button" value="test me"/>
Javascript
1
2
3
4
5
6
$(function(){
    $('#my_button').click(function(){
        alert($('#test').find('option[text="B"]').val());
    });
    
});


У меня почему-то не работает... использую jQuery 1.12.1.

В новых версиях как-то по-другому нужно поступить ?

Добавлено через 11 минут
UPD: Вот тут нашёл решение
Ответ:
Сообщение от j2FunOnly
Так написали бы сюда, ну что за народ
Виноват...
PHPHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
<head>
    <title>text</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <script>
        $(function(){
            $('#my_button').click(function(){
                value = $('#test option').filter(function() {
                    return $(this).text() == 'B';
                }).val();
                console.log(value);
            });
        });
    </script>
</head>
 
<body>
    <select id="test">
        <option value="x">A</option>
        <option value="xx">Boy</option>
        <option value="xxz">B</option>
        <option value="xxx">C</option>
    </select>
    <input type="button" id="my_button" value="test me" />
</body>
 
</html>
Вопрос: Не учитывать первый option из select-а

Здравствуйте!
Сделал select-поле обязательним, но в первом option-е написал "Пожалуйста выберите из списка" и получается что в поле уже выбран элемент. Как сделать так чтобы первый оптион из селекта не считался за выбраный?
Ответ: Приветствую! Напиши disabled в первом пункте.
HTML5
1
2
3
4
5
6
7
<select size="3" name="number">
    <option disabled>Выберите число</option>
    <option value="1">One<option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
</select>