更改按钮值javascript

时间:2018-08-21 11:29:47

标签: javascript html button

我有一个脚本,该脚本可构建一个html框以输入随后要在脚本中使用的值。在使用输入文本之前。但是插入的值通常是错误的,这引起用户的烦恼。还有我。

所以我想使用按钮代替文本输入。单击时,按钮必须在两个或多个值之间切换。然后,当我提交表单时,必须将值传递到脚本。

但是onclick似乎不起作用。我想念什么? 在html框中,将变量“ vervanger”替换为“ vervanger2”。 我在浏览器中找到了该按钮,但是当我单击它时什么也没有发生。

<!DOCTYPE html>
<html>
<head>
 <script type="text/javascript">
 
 var lijst=[];

 function selector(){
 for (i=0;i<vervanger1;i++){
 if (document.getElementById(i).checked==true){
   lijst.push(document.getElementById(i).value);
   }
   if (document.getElementById(i).name.toString().split(":")[0]=="overzicht"||document.getElementById(i).name.toString().split(":")[0]=="evalueer"){
   lijst.push(document.getElementById(i).name+":"+document.getElementById(i).value);
   }
    }
google.script.run.handleFormSubmit(lijst);
}

function change(e){
var btn = document.getElementById(e);
btn.value = 'my value'; // will just add a hidden value
btn.innerHTML = 'my text';



}

</script>

</head>
<body>
<br />
<br />
    <FORM NAME="myform" onSubmit="selector()">
          
          <input type="button" onclick="change(0)" size="3"  id="0" style="text-align: center"  name="Eval" value="E" /input>TEST STRING<br />
               
          
        <br />
        <br />
        <input name="Submit"  type="submit" value="OK" />
    </FORM>
   
</body>

2 个答案:

答案 0 :(得分:0)

您的按钮输入错误。

  

<input name="Submit" type="submit" value="OK" />

     

这将发布您的表单。

将其更改为"button",您应该就可以了。

答案 1 :(得分:0)

我找到了解决方案。感谢Stackoverflow上的其他各种帖子。 现在,我可以通过按下按钮在值之间切换。

<!DOCTYPE html>
<html>
<head>
 <script type="text/javascript">
 
 var lijst=[];

 function selector(){
 for (i=0;i<vervanger1;i++){
 if (document.getElementById(i).checked==true){
   lijst.push(document.getElementById(i).value);
   }
   if (document.getElementById(i).name.toString().split(":")[0]=="overzicht"||document.getElementById(i).name.toString().split(":")[0]=="evalueer"){
   lijst.push(document.getElementById(i).name+":"+document.getElementById(i).value);
   }
    }
google.script.run.handleFormSubmit(lijst);
}

function change(e,choices){
var btn = document.getElementById(e);
var chs=choices.toString().split("/");
var check="nee";
for (c=0;c<chs.length;c++){
if (chs[c]===btn.value){
check="ja";
var nr=c;
}
}

if (check=="ja"&&nr<chs.length-1){

btn.value=chs[nr+1];
}else{
btn.value=chs[0];
}




}

</script>

</head>
<body>
<br />
<br />
    <FORM NAME="myform" onSubmit="selector()">
          
          <input type="button" onclick="change(0,'A/B/C')" size="3"  id="0" style="text-align: center"  name="Eval" value="E" /input>TEST STRING<br />
                      <input type="button" onclick="change(1,'A/B/C')" size="3"  id="1" style="text-align: center"  name="Eval" value="E" /input>TEST STRING<br />
   
          
        <br />
        <br />
        <input name="Submit"  type="submit" value="OK" />
    </FORM>
   
</body>