javascript - 单击一个 div 并保存它的值以用于 PHP

Question

我在使用某些代码时遇到了一些问题。所以我正在开发一个访问 mysql 数据库的网站，并根据数据库中的专业数量创建一些 div。

    <div id="services_panel">
        <?php foreach ($specialties as $especialidade_id => $especialidade) { ?>
            <div class="service_div" onclick ="highlightLink(this); $('#content_div').show();" value="<?php echo $especialidade_id; ?>"><?php echo $especialidade; ?></div>
        <?php } ?>
    </div>
    <div id="content_div""/>

现在我想做的是将内容 div 的值设置为被单击的 div 的 $especialidade 的值，但是由于 javascript 运行客户端而 php 运行服务器端，我知道我不能这样做在 onclick() 上

我真的希望你们能帮我解决这个问题

提前致谢

Answer 1

使用 onclick() 内联你可以做

onclick ="highlightLink(this); $('#content_div').show().html(this.innerHTML);"

或者如果您使用 .on() 和 'click'

单独绑定(bind)它

$(function(){
    $('.service_div').on('click',function(){
       $('#content_div').show().html($(this).html()); 
    });
});