每次单击按钮时显示下拉列表

Question

我有一个下拉列表。我在开始时将其隐藏起来，但只要一个特定按钮说单击了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";
}

Answer 1

你的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>

Answer 2

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>');
   });
});