javascript按钮onclick到具有location.href的Web uri

Question

我试图在Java语言中将onclick函数添加到<button>标记之外的<button> 。 以下是我目前所拥有的，但是单击该按钮时未链接到该uri。 我应该怎么做？ 非常感谢您的提前帮助！ 我也在代码中评论了。

对于按钮，我有：

"<td><button"+" id="+foodList[i].Id +" onClick="+"\"doSomething(this.id)\""+" >"+"Get"+"</button></td></tr>"

因此，基本上，我在for循环中为“获取”按钮分配了一个ID。

function doSomething(id) { //the button's id
  var item = document.getElementById("type").value; //get some value from elsewhere in the page
  if (item == "food") {
    var uri = "baseuri" + id;
    document.getElementById(id).onclick = "location.href='" + uri + "';"//add an onclick to the button so that it will takes the user to that uri       
  } else {
    var uri = "another baseuri" + id;
    document.getElementById(id).onclick = "location.href='" + uri + "';"
  }

Answer 1

更改此：

document.getElementById(id).onclick="location.href='"+uri+"';"

像这样：

document.getElementById(id).onclick= function(){
    location.href = "Wanted url here"; // location.href = location.href + "/currentpath/additional/params/here"
}

这样，当您单击该按钮时，您已经在该按钮上附加了一个函数，并且该函数会更改url（重定向页面）

Answer 2

您必须这样写：

document.getElementById(id).onclick = function() {
    location.href = uri; 
}