попробовать этот
<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
\t \t var hiddenValue = $("#decimal").val();
\t \t alert("before value :" + hiddenValue);
//in this part you can assign the new value
\t \t $("#clickme").click(function(){
\t \t \t var newhiddenVal = "new decimal";
\t \t \t $("#decimal").val(newhiddenVal);
\t \t \t var displaynewHiddenvalue = $("#decimal").val();
\t \t \t alert(displaynewHiddenvalue);
\t \t });
});
</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);
});
Ваш сценарий является недействительным. var form = document.getElementById ('# contact-form'); должен быть без хэша. Или лучше использовать querySelector. –