javascript - firefox 中的输入按钮不起作用

Question

(我用按钮标签更改了输入标签。)这可能是一个愚蠢的问题，但这里是。我有一个这样的输入按钮:

<button type="submit"
       id="choice"
       value="Escolher" 
       onClick="javascript:makeChanges()">

它在 IE 中运行良好，但在 Firefox 中它什么也做不了；没有错误，没有任何行为。

我的“makeChanges()”函数执行以下操作:

var selObj = document.getElementById('opiniao');    
var selIndex = selObj.selectedIndex;
var str = selObj.options[selIndex].text +'&random='+(new Date()).getTime();
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","writeSettings2.php?text="+str,true);
xmlhttp.send(null);
history.go(0);
}

如果我在通话中发出类似这样的警报:

<button type="submit"
           id="choice"
           value="Escolher" 
           onClick="alert('Hello')">

该按钮有效，但当我尝试调用 javascript 函数时它却没有响应。

Answer 1

<input type="submit" />用于提交表单数据。没有 <form> firefox 不知道应该在哪里或如何提交表单，所以它不会提交。

如果你想在没有表单的情况下使用按钮，你可以使用 <button>标签。