<select name="" id="select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="button" value="Select" id="selected" />
<script type="text/javascript">
$('#selected').click(function() {
$('#select option:eq(1)').attr('selected', 'selected');
});
</script>
только подключи библиотеку jQuery
Другие языки программирования и технологии
Работа с выпадающим списком (SELECT) и JavaScript... Как ява-скриптом выбрать один из пунктов????
Основными дейсвиями, которые производятся над выпадающим списком является получение выбранного значения, добавление/удаление элементов из списка, изменение их атрибутов.
<select>
<option> Строка списка 0 </option>
<option> Строка списка 1 </option>
<option> Строка списка 2 </option>
</select>
обращения к нашему элементу var objSel = document.getElementById("mySelectId");
Если список находится внутри формы, то к нему можно обратиться и через форму:
var objSel = document.myForm.mySelect;
добавление элемента
var objSel = document.getElementById("mySelect");
//Создаем новый объект Option и заносим его в коллекцию options
objSel.options[0] = new Option("Строка списка 0", "str0");
objSel.options[1] = new Option("Строка списка 1", "str1");
objSel.options[2] = new Option("Строка списка 2", "str2");
Добавлять элементы в конец списка удобно так:
objSel.options[objSel.options.length] = new Option("текст", "значение");
свойства
objSel.options.length=1; //добавляем в конец списка пустой элемент
objSel.options[0].text = "Строка списка 0";
objSel.options[0].value = "str0";
конструктора объекта Option
var newOpt = new Option("text", "value", isDefaultSelected, isSelected);
-----------------------
function addOption (oListbox, text, value, isDefaultSelected, isSelected)
{
var oOption = document.createElement("option");
oOption.appendChild(document.createTextNode(text));
oOption.setAttribute("value", value);
if (isDefaultSelected) oOption.defaultSelected = true;
else if (isSelected) oOption.selected = true;
oListbox.appendChild(oOption);
}
------------------------------------------
пример использования
var objSel = document.getElementById("mySelect");
addOption(objSel, "текст", "значение", true);
-----------------
Доступ к элементам списка
var text = objSel.options[2].text;
var value = objSel.options[2].value;
Изменение элемента списка
objSel.options[1].text = "Новый текст";
objSel.options[1].value = "новое значение";
objSel.options[2] = new Option("Новый текст", "новое значение");//полная замена элемента на новый
выбор элемента
if ( objSel.selectedIndex != -1)
{
//Если есть выбранный элемент, отобразить его значение (свойство value)
alert(objSel.options[objSel.selectedIndex].value);
}
множество выборов элементов
function getSelectedIndexes (oListbox)
{
var arrIndexes = new Array;
for (var i=0; i < oListbox.options.length; i++)
{
if (oListbox.options.selected) arrIndexes.push(i);
}
return arrIndexes;
};
-----использование -----------
var objSel = document.getElementById("mySelect");
alert ( getSelectedIndexes(objSel) );
<select>
<option> Строка списка 0 </option>
<option> Строка списка 1 </option>
<option> Строка списка 2 </option>
</select>
обращения к нашему элементу var objSel = document.getElementById("mySelectId");
Если список находится внутри формы, то к нему можно обратиться и через форму:
var objSel = document.myForm.mySelect;
добавление элемента
var objSel = document.getElementById("mySelect");
//Создаем новый объект Option и заносим его в коллекцию options
objSel.options[0] = new Option("Строка списка 0", "str0");
objSel.options[1] = new Option("Строка списка 1", "str1");
objSel.options[2] = new Option("Строка списка 2", "str2");
Добавлять элементы в конец списка удобно так:
objSel.options[objSel.options.length] = new Option("текст", "значение");
свойства
objSel.options.length=1; //добавляем в конец списка пустой элемент
objSel.options[0].text = "Строка списка 0";
objSel.options[0].value = "str0";
конструктора объекта Option
var newOpt = new Option("text", "value", isDefaultSelected, isSelected);
-----------------------
function addOption (oListbox, text, value, isDefaultSelected, isSelected)
{
var oOption = document.createElement("option");
oOption.appendChild(document.createTextNode(text));
oOption.setAttribute("value", value);
if (isDefaultSelected) oOption.defaultSelected = true;
else if (isSelected) oOption.selected = true;
oListbox.appendChild(oOption);
}
------------------------------------------
пример использования
var objSel = document.getElementById("mySelect");
addOption(objSel, "текст", "значение", true);
-----------------
Доступ к элементам списка
var text = objSel.options[2].text;
var value = objSel.options[2].value;
Изменение элемента списка
objSel.options[1].text = "Новый текст";
objSel.options[1].value = "новое значение";
objSel.options[2] = new Option("Новый текст", "новое значение");//полная замена элемента на новый
выбор элемента
if ( objSel.selectedIndex != -1)
{
//Если есть выбранный элемент, отобразить его значение (свойство value)
alert(objSel.options[objSel.selectedIndex].value);
}
множество выборов элементов
function getSelectedIndexes (oListbox)
{
var arrIndexes = new Array;
for (var i=0; i < oListbox.options.length; i++)
{
if (oListbox.options.selected) arrIndexes.push(i);
}
return arrIndexes;
};
-----использование -----------
var objSel = document.getElementById("mySelect");
alert ( getSelectedIndexes(objSel) );
(www.)cyberforum. ru/javascript/thread152762.html
Убери скобки и пробел
Убери скобки и пробел
Римантас Межонис
И что??? Там добавляют в список, а мну нада выбрать...
Похожие вопросы
- Два ява скрипта могут на одной странице находится????
- Нужен ява скрипт генерирующий рандомное значение из диапазона допустимых
- Сайт на Си. А если склепать сайт на сишке, он будет надежней, чем сайт на хтмл, пхп и ява скриптах?
- C++ :Разработать пользовательскую библиотеку для работы с односвязным списком (использовать динамическую память).
- Работа с динамическими списками в Делфи!
- /*разработать программу для создания и работы с двусвязным списком, состоящим из структур.
- скрипт для автоматической инталляции программ из списка в ubuntu
- Как можно оптимизировать работу ПХП скрипта?
- Что лучше "SELECT поля FROM таблица LEFT JOIN таблица ON условие" или...."SELECT поля FROM таблица1, таблица2 WHERE"
- Скрипт сайта ка его редактировать и залить на хост