将按钮类型从按钮更改为提交

Change button type from button to submit

本文关键字：提交 按钮 按钮类型      更新时间：2023-09-26

我只是不知道如何改变我的按钮一旦点击。我要做的就是改变这个按钮

<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">
点击

一次。我用了

按钮来启用一个禁用的文本表单，它工作。所以基本上我的NEW BUTTON将做两件事:第一是启用禁用表单和按钮(工作)第二是改变相同的按钮从

<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">

(不存在)

这是我现在的代码:

<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>

向this传递一个事件和点击按钮的引用，如:

<input type="button" onclick="codename(event, this)" id="myButton1" value="New" class="btn" name="New" style="height: 60px; width: 90px">

并尝试如下修改函数:

function codename(e, elm){
  if(elm.type=='button'){
    var e = e || window.event;
    if(e)
     e.preventDefault()
    elm.type='submit';
    elm.value="Save";
    elm.className= 'btn2';
    elm.name= "query";
  }
//rest of the code
}
相关文章：