Javascript: как нажатием кнопки выставить значения в выпадающих списках?

Денис Е, 372 просмотра

Периодически вынужден заполнять одну веб-форму, в которой среди прочего есть выбор даты и времени. Реализован он как выпадающие списки:

<select name="start_hour"><option>0</option> <option>1</option> ... <option>23</option> </select> - <select name="start_min">.... и т.д.

И так несколько раз. А вводить мне надо каждый раз одни и те же значения (допустим, 8-00 и 17-00 или 20-00 и 8-00). А проклятые формы по-умолчанию заполнены другими значениями и приходится каждый раз тыкать в выпадающий список, выбирать там нужную цифру, тыкать в следующий и выбирать цифру там и т.д.

Удобнее было бы иметь пару кнопок, которые при нажатии меняли бы в выпадающих списках значения на заранее заданные. Т.е. надо мне выставить 8-00 и 17-00 - я нажал на кнопку «День» и форма заполнилась сама. А кнопка «Ночь» вписала бы в те же поля 20-00 и 8-00 соответственно. Менять код страницы на сервере я не могу, разумеется. Знаю, что мне помогут javascript и Greasemonkey, но сам я написать скрипт не осилю.

Прошу у знатоков помощи :-)

Примечание:
VIRT, мне нужен тупо пример того, как с помощью JS выбрать один из элементов в выпадающем списке (т.е. в select выбрать один из option). Дальше я сам разберусь.
Autoit вообще ни разу не то, мне необходимо именно встраиваемое в код страницы решение.

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

Ответы:

VIRT

> но сам я написать скрипт не осилю

doronin.m

<html>
<head>
<script type="text/javascript">
function SetValue(){
var val = document.getElementById('txtvalue').value;
for (var i =0; i<document.getElementById('cb').options.length; i++){
var item = document.getElementById('cb').options[i];
if (item.value == val){
item.selected = true;
break;
}
}
}
</script>
</head>
<body>
<input type="text" id="txtvalue" />
<input type="button" onclick="javascript:SetValue()" value="Выставить" />
<br/>
<select id="cb">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</body>
</html>

13 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.