отображать раскрывающийся список каждый раз, когда нажимается кнопка

Question

отображать раскрывающийся список каждый раз, когда нажимается кнопка

0

У меня есть раскрывающийся список. Я спрятал его в начале, но всякий раз, когда нажимается конкретная кнопка TEST, я хочу, чтобы этот список отображался. Также на каждом клике я хочу, чтобы он отображался. Если кнопка нажата 3 раза, то 3 спускаются вниз и так далее. В настоящий момент выпадающее меню отображается только один раз при нажатии кнопки. Не утруждайте PHP-код внутри него.

<p>
<label for ="test">TEST:</label>
<input type="button" name="test" value="testing" onclick="display()"/>
<?php
    echo '<select name="LIVINGSTYLE" id="test">';
// some code here
    echo '</select>';
?>
</p>

Моя функция Javascript:

function ondisplay()
{
   document.getElementById("test").style.display="block";
}

Ali 20 сен. 2013, в 13:41

Источник

Теги:

javascript

jquery

html

2 ответа

Ещё вопросы

Imran Omer · Answer 1 · 2013-09-20T08-46-00.000Z

Ваш обработчик onclick - это display(), но ваше имя функции ondisplay

Попробуй что-нибудь вроде этого; Попробуйте следующее:

Javascript;

<script type="text/javascript">
function showHide(obj)
{
    var div = document.getElementById(obj);
    if (div.style.display == 'none')
    {
        div.style.display = '';
    }
    else
    {
        div.style.display = 'none';
    }
}
</script>

HTML;

<a href="javascript:void(0)" onclick="showHide('UMAR'); return false;">CLICK ME</a>
<div id="UMAR" style="display: none;">
Assalam-o-Alaikum !!!
</div>

Дорогой Брат. Спасибо за ответ :) Джазакалла .. Вы предоставили мне функциональность показать / скрыть. Это на самом деле не мое требование.

mdesdev · Answer 2 · 2013-09-20T08-34-00.000Z

jQuery, здесь Fiddle, с этим вы можете отображать бесконечные прямоугольники выбора.

<label for ="test">TEST:</label>
<input id="test" type="button" name="test" value="Testing"/>

$(function(){
   $('#test').click(function(){
      $('body').append('<select name="LIVINGSTYLE" id="test">'+
                       '<option value="1">Option 1</option>'+
                       '<option value="2">Option 2</option>'+
                       '<option value="3">Option 3</option>'+
                       '<option value="4">Option 4</option>'+
                       '</select>');
   });
});

Не работает в CodeIgniter. Это выдает ошибку всякий раз, когда я пытаюсь $ this-> load-> library ('jquery');
Я не знаком с CodeIgniter, не могу помочь вам больше ...