Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   ПРограмирование выпадающего списка (https://javascript.ru/forum/misc/10846-programirovanie-vypadayushhego-spiska.html)

Chyvak 24.07.2010 08:45
ПРограмирование выпадающего списка
 
Есть выпадающий список с кучей элементов.первый пункт пустой,остальные имею значения

список генерируется кодом..и убрать пустой первый пунк не представляется возможным.
но пользователь не должен выбрать пустой пункт.
как задизаблить кнопку сабмита или лучше первый пункт списка?
чтото типа?
<script>
function knop()
{
    if(document.adminForm.getElementById(cf30).value=='')
  {
    document.adminForm.getElementById(cf35).disabled=true;
  }
}
</script>

Где cf30 айдишник списка,а cf35 айдишник сабмита.

Vulkan 24.07.2010 08:57
Добавь в первую строку параметр disabled, пример:
<select name="hero">
   <option selected disabled></option>
   <option value="t1">Чебурашка</option>
   <option value="t2">Крокодил Гена</option>
   <option value="t3">Шапокляк</option>
   <option value="t4">Крыса Лариса</option>
   </select>

Chyvak 24.07.2010 08:59
Цитата:
Сообщение от Vulkan (Сообщение 64993)
Добавь в первую строку параметр disabled, пример:
<select name="hero">
   <option disabled>Выберите героя</option>
   <option value="t1">Чебурашка</option>
   <option value="t2">Крокодил Гена</option>
   <option value="t3">Шапокляк</option>
   <option value="t4">Крыса Лариса</option>
   </select>
список генерируется кодом..и убрать пустой первый пунк не представляется возможным.
так же как и вписать в него что-либо.

Chyvak 24.07.2010 09:02
echo $field->getInputHTML();

Вот такой php код генерирует каждый элемент формы...
Если важно-движок Joomla,компонент Mosets Tree.

Vulkan 24.07.2010 09:16
Ну тогда можно так:
<script type="text/javascript">
function block_f(){
var first=document.getElementById('cf30').getElementsByTagName('option')[0];
first.disabled=true;
}
</script>

<select id="cf30" name="hero"> 
   <option></option> 
   <option value="t1">Чебурашка</option> 
   <option value="t2">Крокодил Гена</option> 
   <option value="t3">Шапокляк</option> 
   <option value="t4">Крыса Лариса</option> 
   </select>
<input type="button" onclick="block_f()" value="Заблокировать первый элемент">

Ставь этот код после генерации этого списка и всё будет работать.

Chyvak 24.07.2010 09:28
Записал вот так:
window.onload= function(block_f){
       	var first=document.getElementById('cf30').getElementsByTagName('option')[0]; 
	first.disabled=true;  
        
    }

Всё отлично работает,спасибо большое:)

Vulkan 24.07.2010 09:52
Chyvak, не за что, или можно было сделать так:
<body onload="block_f()">

И кстати твой вариант немного неправилен, лучше так:
window.onload=function(){document.getElementById('cf30').getElementsByTagName('option')[0].disabled=true;}


Часовой пояс GMT +3, время: 05:44.