Question

当我点击“编辑”图标时，我尝试制作一个下拉菜单，但我似乎无法使其正常工作。

的javascript：

function drop() {
  document.getElementById('bsts').style.visibility='hidden';
  document.getElementById('bdrop').style.visibility='visible';
}

HTML：

<div id='bsts' style="visibility: visible;">
  <span class='label label-danger'>Permanent</span>
</div>

<div id='bdrop' style="visibility: hidden;">
  <select>
    <option>Temporary</option>
    <option>None</option>
  </select>
</div>

<a href='#' onclick="drop()"><span class="glyphicon glyphicon-pencil"></span></a>

有关如何使其发挥作用的任何想法？我有超过1个div，当我按下编辑时，只有第一个有效。

Answer 1

$('body').on('click', '.yourDivClassOrId', function()){
     $('.elementToShowOnClick').slideDown();
}

Answer 2

试试这个

<script>
    function drop() {
  document.getElementById('bsts').style.visibility='hidden';
  document.getElementById('bdrop').style.visibility='visible';
}
</script>
<div id='bsts' style="visibility: visible;">
  <span class='label label-danger'>Permanent</span>
</div>

<div id='bdrop' style="visibility: hidden;">
  <select>
    <option>Temporary</option>
    <option>None</option>
  </select>
</div>

<a href='#' onclick="drop()">Edit<span class="glyphicon glyphicon-pencil"></span></a>

Javascript下拉点击onclick

2 个答案: