Question

<form id="contact-form">
    <input type="text" value="100" id="number" name="number" />
    <input type="hidden" value="00" id="decimal" name="decimal" />
    <input type="submit" name="submit-form" />
</form>
<script>
     var form = document.getElementById('#contact-form');
        form.addEventListener("submit", function() {
          var input = document.createElement('number');
          input.type = 'text';
          input.name = 'decimal';
          input.value = '00';
          this.appendChild(input);
        }, true);
</script>

//我希望它附加小数＆＃39; 00＆＃39;在提交表格之前输入数字。

//我希望结果为= 10000

Answer 1

form.addEventListener("submit", function() {
          var decimal_val= document.getElementByName('decimal').value;
          var number= document.getElementByName('number').value;
          number = decimal_val+number;
        }, true);

Answer 2

试试这个

<html>
<head></head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<body>


<form id="contact-form">
    <input type="text" value="100" id="number" name="number" />
    <input type="hidden" value="00" id="decimal" name="decimal" />
    <input type="submit" name="submit-form" id="clickme" />
</form>

</body>

<script type="text/javascript">
    
   $(document).ready(function(){

        //in here ,first check the existing value with an alert when document is ready
   		var hiddenValue = $("#decimal").val();
   		alert("before value :" + hiddenValue);


        //in this part you can assign the new value

   		$("#clickme").click(function(){
   			var newhiddenVal = "new decimal";
   			$("#decimal").val(newhiddenVal);
   			var displaynewHiddenvalue = $("#decimal").val();
   			alert(displaynewHiddenvalue);
   		});
   });


</script>

</html>

注意：要理解，首先它显示现有值，然后在按钮单击中，分配新值，然后显示。（用alsert显示，因为这样你就可以轻松理解）

在按钮单击

中分配值

var newhiddenVal = "new decimal";
$("#decimal").val(newhiddenVal);

点击按钮进行上述操作。希望这会有所帮助。

将10000作为新值，点击按钮

 $("#clickme").click(function(){
            var newhiddenVal = $("#number").val() +hiddenValue;
            $("#decimal").val(newhiddenVal);
            var displaynewHiddenvalue = $("#decimal").val();
            alert(displaynewHiddenvalue);
        });

如何在提交前将隐藏字段值附加到输入文本字段？

2 个答案: