2015-10-29 2 views
0

Как отключить параметр при нажатии на select? Вот мой код, который не работает. В консоли нет ошибок.Отключить опцию при нажатии на ссылку

Здесь:

<!DOCTYPE html> 
<html> 
    <head> 
     <script type="text/javascript"> 
     window.onload = function() { 
      var numSelect = document.getElementsByClassName("numSelector"); 
      for (var i = 0; i < numSelect.length; i++) { 
       numSelect[i].innerHTML="<span class='firstSelector'><option>Select Number</option></span><option>1/2</option>"; 
       numSelect[i].onclick = disableSelect; 

      } 
     } 
     function disableSelect() { 
      for (var a = 0; a < document.getElementsByClassName("firstSelector").length; a++) { 
       document.getElementsByClassName("firstSelector")[i].innerHTML="<optgroup>Select Number</optgroup>"; 
      } 

     } 
     </script> 
    </head> 

    <body> 
     <select class="numSelector"></select> 
     <select class="numSelector"></select> 
    </body> 
</html> 
+1

Вы не можете иметь срок как ребенка выберите –

+0

то, что вы на самом деле пытаетесь сделать .. –

ответ

0

Я не уверен, что вы хотите, но вот пути для отключения выпадающего значения.

<select id="select1" onclick="disableSelectedItem(this);"> 
    <option>Select Number</option> 
    <option>1</option> 
    <option>2</option> 
</select> 

<select id="select2" onclick="disableFirstItemOnly(this);"> 
    <option>Select Number</option> 
    <option>1</option> 
    <option>2</option> 
</select> 

<script type="text/javascript"> 
    function disableSelectedItem(ddl) { 
     var value = ddl.options[ddl.selectedIndex].value; 
     var count = ddl.length; 

     for (var i = 0; i < count; i++) { 
      if (ddl.options[i].value == value) 
       ddl.options[i].disabled = true; 
      else 
       ddl.options[i].disabled = false; 
     } 
    } 

    function disableFirstItemOnly(ddl) { 
     ddl.options[0].disabled = true; 
    } 
</script> 
+0

Сорта, что я хотел. Спасибо хотя :) –

+0

На самом деле, здорово! –

0

Просто используйте чистый HTML

<select required> 
 
    <option value="" selected disabled>Select Number</option> 
 
    <option>1</option> 
 
    <option>etc..</option> 
 
</select>

Вы также можете добавить скрытый атрибут , если вы не хотите его для отображения в выпадающем списке (на данный момент это vi sible но отключен)

требуется атрибут на <select> означает, что не выбирая номер помешают представления (хотя вы все равно должны проверить ServerSide)

+0

Awesome, но я не использую 'form' интерфейс. Я использую чистый _JS._ :), но я все равно посмотрю. –

Смежные вопросы