如何在按钮中隐藏JavaScript表单?

rjjhvcjd  于 2023-05-27  发布在  Java
关注(0)|答案(1)|浏览(144)

我试图建立一个按钮,我的用户可以使用它来确认一个选择。
到目前为止,我有按钮和一个表单。表单是其中必不可少的一部分,因为它将包含工具提供者需要将用户的选择与他们给予的答案联系起来的信息。
我需要帮助隐藏选择框,并预先选择“TRUE”,所以一旦用户点击按钮,脚本将运行并有所需的结果。理想情况下,“TRUE”应该是唯一的选项,因为每个按钮都有一个选项。
下面是我的代码:

function onbeforesubmit()
{
return true;
}

    var error;
var form_lanuage = 'en';

function CheckInputs()
{
    var check_ok = true;
    error = "Wrong input!\n";
    if(check_ok == false)
        alert(error);
    return check_ok;
}

function SubmitIt(){
    if(CheckInputs() == true){
        if(window.onbeforesubmit)
        onbeforesubmit();
        document.ProfileForm.submit();
    }
}

function MailIt(){
    if(CheckInputs()){
        if((document.ProfileForm.subject.value=='') || (document.ProfileForm.msg.value==''))
        alert('Bitte f\u00fcr Sie die Nachrichtenfelder aus!');
        else
        document.ProfileForm.submit();
    }
}

function FieldWithName(frm, fieldname, numofield)
{
    if(!numofield)
        numofield = 0;
    field_count = 0;
    for(i = 0; i < frm.elements.length; ++i)
    {
        if(frm.elements[i].name == fieldname)
        {
            if(field_count == numofield)
                return frm.elements[i];
            else
                field_count++;
        }
    }
}
function NumChecked(frm, fieldname)
{
    var count = 0;
    for(i = 0; i < frm.elements.length; ++i)
    {
        if(frm.elements[i].name == fieldname && frm.elements[i].checked == true) ++count;
    }
    return count;
}
function NumSel(field)
{
    var count = 0;
    for(i = 0; i < field.length; ++i)
        if(field[i].selected == true) ++count;
    return count;
}

var multiFields = new Array();
var dateFields = new Array();
multiFields["interest[]"] = "interest"
multiFields["optin"] = "optin"
var arr_interest = new Array();
input[type=text] {
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

input[type=text]:focus {
    border-color:#333;
}

input[type=button] {
    padding:15px 100px; 
    background:#000000; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 4px;
    border-radius: 4px; 
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'trade-gothic-next', Helvetica, Arial, sans-serif;
}

input[type=button]:hover {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 1px;
}
<body onload="preFill()">
<form name="ProfileForm" onsubmit="return CheckInputs();" action="https://test.com/u/register.php" method=get>
<input type=hidden name="CID" value="1234567890"><input type=hidden name="SID" value=""><input type=hidden name="UID" value="{{contact.uid}}"><input type=hidden name="f" value="444"><input type=hidden name="p" value="2"><input type=hidden name="a" value="r"><input type=hidden name="el" value=""><input type=hidden name="llid" value=""><input type=hidden name="c" value=""><input type=hidden name="counted" value=""><input type=hidden name="RID" value=""><input type=hidden name="mailnow" value="">repermission_optin:<select name="inp_7449" size=1><option value=""> </option><option value="1">TRUE</option><option value="2">FALSE</option></select><br>
<input aria-label='Register' tabindex='993' type=button onclick="javascript:SubmitIt()" name="submit1" value="Register"></form>
ozxc1zmp

ozxc1zmp1#

**删除第一个选项:**replace

<select name="inp_7449" size="1"><option value=""> </option><option value="1">TRUE</option><option value="2">FALSE</option></select>

<select name="inp_7449" size="1"><option value="1">TRUE</option><option value="2">FALSE</option></select>

相关问题