Question

我已随机生成一个数字，用以下字符串连接：

var pid = Math.floor((Math.random() * 10000) + 1);
var str = "PERSONS";
var id = str.concat(pid);

我在HTML中有一个div部分，带有如下按钮：

<div>
    <h4>name</h4>
    <button OnClick='display(id);'>Delete</button>
</div>

JavaScript的：

<script type="text/javascript">
    function display(id) {
        var a = id;
        alert(a); 
    }
</script>

当我单击div部分内的按钮时，我想传递为该特定名称随机生成的ID值，并使用AJAX从数据库中删除特定名称。

单击按钮时如何传递相应的ID值？ ID值是在JavaScript中随机生成的，而不是在PHP中生成的。

Answer 1

我认为你需要这样的东西。

＆＃13;

var pid = Math.floor((Math.random() * 10000) + 1);
var str = "PERSONS";
var id = str.concat(pid);
function display() {
     var a =id;
     alert(a); 
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div><h4>name</h4><button OnClick='display();'>Delete</button></div>

＆＃13;

Answer 2

鉴于这部分问题：

此特定名称

我假设您有多个div部分，每个部分需要一个随机的＆＃34; id＆＃34;分配

给按钮一个类（同一个类），以便它们可以通过jquery引用（或者你可以应用于包装div，为了清晰起见，这假设你有其他按钮所以不想要改变所有按钮）
通过脚本
更改onclick以传递元素/ html节点而不是id

HTML：

<div>
    <h4>name1</h4>
    <button type="button" class='randomid' onclick='display(this);'>Delete</button>
</div>
<div>
    <h4>name2</h4>
    <button type="button" class='randomid' onclick='display(this);'>Delete</button>
</div>

jquery（这假设在调用html之后不会动态生成html）：

$(function() {
    $("button.randomid").each(function() {
        var pid = Math.floor((Math.random() * 10000) + 1);
        var str = "PERSONS";
        var id = str.concat(pid);
        $(this).data("randomid", id);
    });
});    

function display(el) {
    var id = $(el).data("randomid");
    alert(id);
}

如何将按钮点击的javascript变量值传递给jquery函数？

2 个答案: