[英]How to pass parameter to an onclick function
我有一个li项要传递到我的服务器以从数据库中检索数据,但是我不能这样做:
<li name="Physics" value="Physics" id="physics" onclick="drawChart(id)">Physics</li>
该drawChart函数使用google chart API。
function drawChart(value) {
var jsonData = $.ajax({
url: "getData.php?subject=value",
dataType: "json",
async: false
}).responseText;
...
getData.php正常运行,但是我无法传递参数并使用它。
停止使用内联JavaScript,问题会自行解决
$('#physics').on('click', function() { drawChart(this.id); }); function drawChart(value) { var jsonData = $.ajax({ url : "getData.php", data : {subject : value}, dataType : "json", }).done(function(response) { // use response here }); }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <li name="Physics" value="Physics" id="physics" >Physics</li>
假设您的代码中的$.ajax
是jQuery,为什么不使用它更多...
您可以将this
作为参数传递给onclick函数。
function clickHandler(el) { console.log(el.id); }
<button id="clickMe" onclick="clickHandler(this)">Click me</button>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.