Javascript 将按钮类型从“按钮”更改为“提交”
我只是不知道单击按钮后如何更改按钮。我只想换一下这个按钮Javascript 将按钮类型从“按钮”更改为“提交”,javascript,html,css,forms,Javascript,Html,Css,Forms,我只是不知道单击按钮后如何更改按钮。我只想换一下这个按钮 <input type="button" onclick="codename()" id="myButton1" value="New" class="btn" name="New" style="height: 60px; width: 90px"> <input type="submit" value="Save" class="btn2" name="Query" style="height: 60px; wid
<input type="button" onclick="codename()" id="myButton1" value="New" class="btn" name="New" style="height: 60px; width: 90px">
<input type="submit" value="Save" class="btn2" name="Query" style="height: 60px; width: 90px">
按这个按钮
<input type="button" onclick="codename()" id="myButton1" value="New" class="btn" name="New" style="height: 60px; width: 90px">
<input type="submit" value="Save" class="btn2" name="Query" style="height: 60px; width: 90px">
单击后,我使用了
按钮来启用禁用的文本表单,并且它可以工作。所以基本上我的新按钮将做两件事:第一是启用禁用的表单和按钮(工作),第二是将相同的按钮从
<input type="button" onclick="codename()" id="myButton1" value="New" class="btn" name="New" style="height: 60px; width: 90px">` to `<input type="submit" value="Save" class="btn2" name="Query" style="height: 60px; width: 90px">
`to`
(尚未存在)
这是我现在的退出代码:
<SCRIPT LANGUAGE="JavaScript"><!--
function codename() {
if(document.formname.New)
{
document.formname.Add.disabled=false;
document.sapcode.SapCode.disabled=false;
document.lanecode.LaneCode.disabled=false;
document.soldto.SoldTo.disabled=false;
document.soldaddress.SoldAddress.disabled=false;
document.contactperson1.ContactPerson1.disabled=false;
document.deliveredto.DeliveredTo.disabled=false;
document.deliveredaddress.DeliveredAddress.disabled=false;
document.contactperson.ContactPerson.disabled=false;
}
else
{
document.formname.Add.disabled=true;
document.sapcode.SapCode.disabled=true;
document.lanecode.LaneCode.disabled=true;
document.soldto.SoldTo.disabled=true;
document.soldaddress.SoldAddress.disabled=true;
document.contactperson1.ContactPerson1.disabled=true;
document.deliveredto.DeliveredTo.disabled=true;
document.deliveredaddress.DeliveredAddress.disabled=true;
document.contactperson.ContactPerson.disabled=true;
}
}
//-->
</SCRIPT>
<div id="container">
<div id="header">
<div id="img">
<img src="dimensiondata.jpg" alt="dimension data" width="250" height="60">
</div>
<div id="indexno">
<center>Index No.</center> <input type="text" name="indexNo" size="13">
</div>
<form name="formname">
<input type="button" onclick="codename()" id="myButton1" value="New" class="btn" name="New" style="height: 60px; width: 90px">
<input type="submit" disabled value="Add" class="btn1" name="Add" style="height: 60px; width: 90px">
</form>
</div>
索引编号。
传递此
事件的参考,并单击按钮以执行以下功能:
<input type="button" onclick="codename(event, this)" id="myButton1" value="New" class="btn" name="New" style="height: 60px; width: 90px">
您知道您可以在页面上显示和隐藏元素吗?脚本语言?那到底是什么指令是的,我非常清楚@Teemu那么你认为什么能解决这个问题呢?呃。。。创建两个
按钮
s,隐藏“添加”按钮,直到单击“新建”,然后隐藏“新建”。@Teemu我不能这样做,因为这不是我同事的指示。我担心你给我的代码不起作用,按钮会闪烁,然后又回到原来的方式。。它不会更改为保存按钮..@user3819129。如果它对您不起作用,则是代码中的其他内容有问题…@TilwinJoy可能会发生错误,因为var e=window.event代码>是IE-only.噢,是的,当我放置var e=window.event时出现了一个错误
点击后按钮不再显示,我正在使用google chrome,因为它是我wamp服务器中的默认浏览器,我能做些什么来修复错误?@user3819129如果解决了问题,请将答案标记为已接受,如果你提出了新方法,你可以在整个演示中发布一个新问题,并解释你想做什么。。。