单击Javascript下拉列表

Javascript dropdown onclick

本文关键字：下拉列表 Javascript 单击      更新时间：2023-09-26

我试图创建一个下拉列表，当我单击"编辑"图标时会出现，但似乎无法使其工作。

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，当我按下edit时，只有第一个可用。

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

试试这个

<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>
相关文章：