如何将Input按钮转换为a href链接？PHP代码改写及跳转问题求助

Got it, let's break down why your rewritten code isn't working and fix it properly. The core problem is that the <a> tag's href attribute expects a valid URL, but you tried putting a JavaScript function call directly into it. Browsers will treat redirect("{$value}") as a relative file path instead of executing the function, which is why the jump fails.

Let's go through the correct solutions based on what your redirect() function does:

1. Best Case: If redirect() just navigates to a URL #

If your redirect function is a simple wrapper like this:

function redirect(url) {
  window.location.href = url;
}

You can ditch the JavaScript entirely and set the href directly to your target URL. This is far better for SEO (Google will index the link properly) and works even if users have JavaScript disabled:

echo "<td><a href='{$value}' class='btn btn-link text-dark'>{$val_str}</a></td>";

2. If You Need to Keep the redirect() Function Logic #

If your redirect function has extra logic (like confirmation prompts, data processing, etc.), you need to attach the function to the onclick event and prevent the default link behavior. Here are two reliable ways:

Option A: Use javascript:void(0) for href #

echo "<td><a href='javascript:void(0)' onclick='redirect(\"{$value}\")' class='btn btn-link text-dark'>{$val_str}</a></td>";

javascript:void(0) tells the browser to do nothing by default, so your redirect function will run instead.

Option B: Use # and return false #

echo "<td><a href='#' onclick='redirect(\"{$value}\"); return false;' class='btn btn-link text-dark'>{$val_str}</a></td>";

The return false stops the browser from jumping to the top of the page (which is the default behavior for href="#").

Key Takeaway #

Always prefer the first solution (direct URL in href) when possible—it's the most robust and SEO-friendly approach. Only use JavaScript-based links if you absolutely need the extra logic from your redirect function.

内容的提问来源于stack exchange，提问作者user1784971