javascript - 下拉单击来自 mysql 的 PHP 数据

标签 javascript php jquery html

<div class="btn-group m-b-5">
    <button type="button" data-toggle="dropdown" class="btn dropdown-toggle btn-info">
        Ana Kategori
        <span class="caret"></span>
    </button>
    <ul role="menu" class="dropdown-menu">
        <?php                                       
            while ($row = mysqli_fetch_assoc($resultDataTableTwo)){
                echo '<li><a onclick="myFunction()">'.$row['Ana_Kategori'].'</a></li>'; 
                echo ' <li class="divider"></li>';                                              
            }                                               
         ?>                                      
    </ul>
</div>

因此,为了通过 $row['Ana_Kategori'] 实现的点击下拉项名称调用 myFunction(),我该如何继续?

最佳答案

这可能不是您真正想要的,但请尝试一下,让我知道您得到了什么。

改变

 echo '<li><a onclick="myFunction()">'.$row['Ana_Kategori'].'</a></li>';

 echo '<li><a class="dropdown-link">'.$row['Ana_Kategori'].'</a></li>';

然后添加这个JS函数

$(document).on('click','.dropdown-link',function(event){
  event.preventDefault();
  var $this = $(this);
  var name = $this.text();
  console.log("I clicked " + name);  
});

关于javascript - 下拉单击来自 mysql 的 PHP 数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46245214/

相关文章:

php - 如何使用 HTML 中的 Jquery 打开链接,从 MySql 和 PHP 获取 URL

javascript - jQuery + 无处不在 : Return a document object from a URL

javascript - React.Js : Prevent onClick-events of siblings while a onClick is executed

php - PHP错误数组不起作用

javascript - 防止Ajax触发jQuery脚本

php - 使用 PHP 将数字舍入到最接近的 0.2

javascript - Electron/JavaScript : Detect when window is un/maximized

javascript - jQuery 和 jQuery Mobile : tap vs touchstart, touchend、touchmove 和 click?

javascript - click/onclick 不适用于触摸屏

javascript - 使用CSS3从最后一个位置随机旋转图像