【问题标题】:Dropdown box with php variables [closed]带有php变量的下拉框[关闭]
【发布时间】:2016-08-15 14:33:39
【问题描述】:

如何制作带有$row['clinic_id']. "-" . $row['clinic_name'] 的过滤器下拉框以显示。例如,1-MedCare 等,我什至不知道从哪里开始,有什么想法吗?而且我还希望当我单击某个选项时会在我的表格中过滤掉并仅显示该选项

【问题讨论】:

  • 我建议使用基本的 PHP 和 HTML 教程。使用HTML select element 完成一个下拉框。

标签: javascript php datatable


【解决方案1】:

如果我理解正确,您想创建一个带有 PHP 变量的下拉列表。方法如下:将以下内容放入 PHP 文件中。

<!DOCTYPE html>
<html>
<body>

<select>
  <option value="<?php echo $row['clinic_id'] . ' - ' . $row['clinic_id']; ?>"><?php echo $row['clinic_id']; ?></option>
</select>

</body>
</html>

以下是根据所选下拉元素显示 div 的方法:

document.getElementById('options').onchange = function() {
    var i = 1;
    var myDiv = document.getElementById(i);
    while(myDiv) {
        myDiv.style.display = 'none';
        myDiv = document.getElementById(++i);
    }
    document.getElementById(this.value).style.display = 'block';
};
div {
    display: none;   
}    
<select name="options" id="options">
  <option value="1">First</option>
  <option value="2">Second</option>
  <option value="3">Third</option>
</select>

<div id="1" style="display:block">First Text</div>
<div id="2">Second Text</div>
<div id="3">Third Text</div>

【讨论】:

  • 是的;但我希望它们都显示在一个保管箱中,将它们分开是一个“-”
  • 我已经编辑了我的答案
  • 当我选择一个选项时,我可以让它过滤掉我的表吗?
  • 是的,但您确定只有一个选项可供选择吗?
  • 是的,我希望它通过 id 过滤掉,但我必须在它旁边显示名称,以便用户在选择之前知道名称。
【解决方案2】:

在您的选项标签中尝试这样的操作

<option value="<?php echo $row['clinic_id']."-".$row['clinic_name']; ?>"><?php echo $row['clinic_id']."-".$row['clinic_name']; ?></option>

【讨论】:

  • 我做了,但没用。
【解决方案3】:
    <select>
  <option value="<?php echo $row['clinic_id']; ?>"><?php echo $row['clinic_id']; ?>-<?php echo $row['clinic_name']; ?></option>
  </select>

否则

 <select>
      <option value="<?php echo $row['clinic_id']; ?>"><?php echo $row['clinic_id']."-". $row['clinic_name']; ?></option>
      </select>

【讨论】:

  • 它会过滤掉我的表吗?
  • @jasmine825 您需要使用 JS 来根据选定的下拉菜单显示内容。但是在这里你只有一个下拉菜单...
  • 请分享您的完整代码@jasmine825
猜你喜欢
  • 2014-03-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-10-22
  • 2016-08-19
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多