2 つのボタンと 2 つの JavaScript コードを含む単純な HTML フォームを作成しました。ここに私のコードがあります:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script>
function test(){
var addr=window.location.search;
alert(addr);
}
function validate(){
var newaddr=window.location.search;
alert(newaddr);
}
</script>
</head>
<body>
<form action="">
<input type="submit" id="input2" name="buttonupdate" value="update" onclick="test();"/>
<input type="submit" id="input1" name="buttosearch" value="search" onclick="validate();"/>
</form>
</body>
</html>
私が欲しいのは、「更新」ボタンをクリックするとアラートに更新ボタンの名前と値が表示され、検索ボタンをクリックすると検索ボタンの名前と値がalert()によって表示されることです。. しかし、更新ボタンを初めてクリックすると、アラートが空白になり、アドレスバーが
http://localhost:8080/button_test/check.html?buttonupdate=update
後で更新ボタンをクリックすると、上記の URL が取得され、適切な値が表示されます。しかし、検索ボタンをクリックすると同じことが起こります。つまり、上記の URL の値が取得され、アドレス バーが次のように変わります。
http://localhost:8080/button_test/check.html?buttosearch=search
望ましい結果を達成する方法:(親切にガイド:(