- Скриване и показване на опции при SELECT
WT форуми -> HTML / Javascript / CSS -> Скриване и показване на опции при SELECT
Създайте нова тема Напишете отговор 
Автор Съобщение
Lenor
Нов
Нов

Регистриран на: 24/04/2008 7:00 pm

Support: 0
Bonus: 0
Мнения: 109
Мнение 30/01/2017 12:31 pm     Скриване и показване на опции при SELECT Отговорете с цитат


Здравейте опитвам се когато избера само Апартамент, да излиза под меню Гарсониера или Двустаен, но нещо не се получава

        <select class="form-control-data">
        <option value="" disabled selected>Тип жилище</option>
        <option onclick="on_question_switched_1();" id="stai" value="Апартамент">Апартамент</option>
        <option value="Офис">Офис</option>
        </select>

<select id="skrit">
        <option value="Гарсониера">Гарсониера</option>
        <option value="Двустаен ">Двустаен</option>>
        </select>

<script type="text/javascript">
function on_question_switched_1(){
 if(document.getElementById('stai').checked){
  document.getElementById('skrit').style.
display='block';
 }else{
  document.getElementById('skrit').style.
display='none';
 }
}
on_question_switched_1();
</script>
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Посетете сайта на потребителя
Fakeheal
Support
Support

Регистриран на: 17/04/2010 8:37 am

Support: 340
Bonus: 678
Мнения: 2556
Мнение 30/01/2017 1:58 pm      Отговорете с цитат


onclick не е добра идея, тъй като option може да бъде цъкнато дори и да е бил селектиран преди това. По-добре ползвай onchange на селекта.

<select class="form-control-data" onchange="on_change()" id="type">
  <option value="" disabled selected>Тип жилище</option>
  <option value="Апартамент">Апартамент</option>
  <option value="Офис">Офис</option>
</select>

<select id="skrit" style="display: none;">
  <option value="Гарсониера">Гарсониера</option>
  <option value="Двустаен ">Двустаен</option>
</select>
<script>
  var on_change = function() {
    var select = document.getElementById("type");
    var value = select.options[select.selectedIndex].value;
    if (value === 'Апартамент') {
      document.getElementById('skrit').style.display = 'block';
    } else {
      document.getElementById('skrit').style.display = 'none';
    }
  }
</script>
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Изпрати мейла
joTunkiq
Активен
Активен

Регистриран на: 25/12/2012 12:03 pm

Support: 122
Bonus: 244
Мнения: 757
Мнение 30/01/2017 2:04 pm      Отговорете с цитат


http://www.99points.info/2010/12/n-level-dynamic-loading-of-dropdowns-using-ajax-and-php/ - Question
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Посетете сайта на потребителя
Покажи мнения от преди:    
Създайте нова тема   Напишете отговор    web-tourist.net Форуми -> HTML / Javascript / CSS Часовете са според зоната GMT + 2 Часа
Страница 1 от 1


 
Идете на:  
Не Можете да пускате нови теми
Не Можете да отговаряте на темите
Не Можете да променяте съобщенията си
Не Можете да изтривате съобщенията си
Не Можете да гласувате в анкети