Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как средствами JS определить какой option выбран?
 
 автор: Рома   (28.12.2009 в 22:03)   письмо автору
 
 

Реально засада, никак не могу запустить :(
есть список
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<form id="idform" name="form" method="post">
 <select id="idselect" name="select">
  <option>Выпадающий список</option>
  <option id="idoption1" value="1" onclick="select_option();">Элемент списка 1</option>
  <option id="idoption2" value="2" onchange="select_option();">Элемент списка 2</option>
 </select>
</form>


есть функция, которая оповещает о выбранном элементе посредством alert
<script type="text/javascript" language="javascript">
function select_option()
{
  var value = document.form.select.value;
  var index = document.form.select.selectedIndex;
  alert(value);
  alert(index);
}
</script>

onclick понимает только опера и мозилла, а IE и Chrome отказываются
onchagge не понимает ни один браузер.

Возможно ли во всех браузерах определить какой элемент списка был выбран, или не возможно вообще? Хоть как нибудь, только не через кнопку submit. C кнопкой submit получается.

  Ответить  
 
 автор: sl1p   (28.12.2009 в 22:18)   письмо автору
 
   для: Рома   (28.12.2009 в 22:03)
 

<select id="idselect" name="select" onchange="alert(this.value)"> 
  <option>Выпадающий список</option> 
  <option id="idoption1" value="1">Элемент списка 1</option> 
  <option id="idoption2" value="2">Элемент списка 2</option> 
 </select>


<select id="idselect" name="select" onchange="alert(this.options[selectedIndex].value)"> 
  <option>Выпадающий список</option> 
  <option id="idoption1" value="1">Элемент списка 1</option> 
  <option id="idoption2" value="2">Элемент списка 2</option> 
 </select>

  Ответить  
 
 автор: serenya1983   (29.12.2009 в 00:49)   письмо автору
 
   для: Рома   (28.12.2009 в 22:03)
 

<select id="idselect" name="select" OnChange='probaalert(this)'>
<option>Выпадающий список</option>
<option value="1">Элемент списка 1</option>
<option value="2">Элемент списка 2</option>
</select>


КОД JS

function probalert(src)
{
alert(src.options[src.selectedIndex].value);
}
при выборе появиться сообщение какой элемент выбран. в src.selectedIndex будет номер выбранного элемента

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования