Question

我正在做我的第一个Jquery相关网站。我现在被困了：如何将数据从按钮传递到变量？

脚本：

echo nl2br("<br><h1>".$row2['header']."</h1><br><h4 $style>".htmlentities($row2['text'])."</h4><hr><br>
<input class="btn btn-default" type="submit" data=".$row2['ID']." value="submit" onclick="return passID()">");

jQuery的：

 function passid()
 {
     var ID=??????
 }

Answer 1

$("#identify_this_btn").click(function() {
  
  var data = $(this).attr("data"); // GET THE DATA IN ATTR
  event.preventDefault();
  alert(data);
  console.log(data);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="btn btn-default" id="identify_this_btn" type="submit" data="this_is_some_data" value="submit">

Answer 2

将行ID添加到内联onclick事件中的passID函数。

<input class="btn btn-default" type="submit" data=".$row2['ID']." value="submit" onclick="return passID(".$row2['ID'].")">"

然后更改您的函数以接受ID变量

 function passid(rowId){
  var ID=rowId;    
 }

Answer 3

试试这个。

在php上：

echo '<input class="btn btn-default" type="submit" value="submit" onclick="return passId('.$row2['ID'].')">';

关于javascript：

function passId(id){ console.log(id); }

如何将数据从onclick按钮传递给变量

3 个答案: