Автоматически заполнять скрытое поле формы возвращаемым значением из javascript

Мне нужно заполнить скрытое поле формы значением, возвращаемым функцией java-скрипта, и я не знаю, как это сделать. Я новичок в JavaScript. Ваша помощь будет принята с благодарностью. Мне нужно, чтобы totalprice заполнялся на лету, если не будет работать скрытое поле формы и текстовое поле формы.

бесконечно благодарен

<html>
    <head>
        <script type = "text/javascript">
            var allprices = [];
            var index = 0;

            function chkrads(frmName,rbGroupName) {
            var chosen = "";
            var radios = document[frmName].elements[rbGroupName];
            for (var i=0; i <radios.length; i++) {
                if (radios[i].checked || radios[i].selected) {
                    chosen = radios[i].value;
                }


            }

            if (chosen == 0) {printprice = 0}
            if (chosen == 35) {printprice = 35}
            if (chosen == 36) {printprice = 35}
            if (chosen == 29.95) {printprice = 29.95}
            if (chosen == 34.95) {printprice = 34.95}
            if (chosen == 39.45) {printprice = 39.45}
            if (chosen == 44.45) {printprice = 44.45}
            if (chosen == 49.95) {printprice = 49.95}
            if (chosen == 64.45) {printprice = 64.45}
            if (chosen == 74.85) {printprice = 74.85}
            if (chosen == 89.85) {printprice = 89.85}
            if (chosen == 94.40) {printprice = 94.40}
            if (chosen == 99.40) {printprice = 99.40}
            if (chosen == 104.85) {printprice = 104.85}
            if (chosen == 179.70) {printprice = 179.70}
            if (chosen == 209.70) {printprice = 209.70}
            if (chosen == 299.50) {printprice = 299.50}
            if (chosen == 329.45) {printprice = 329.45}
            if (chosen == 349.50) {printprice = 349.50}


            if (rbGroupName == "size") {index = 0}
            if (rbGroupName == "colour") {index = 1}
            if (rbGroupName == "frame") {index = 2}
            if (rbGroupName == "glass") {index = 3}
            if (rbGroupName == "hook") {index = 4}
            if (rbGroupName == "delivery") {index = 5}

            allprices[index] = printprice;

            var totalprice = 0;
            for (var i =0; i <allprices.length; i++) {
                if (!isNaN(allprices[i])) {
                    totalprice = totalprice + allprices[i];
                }
            }

            document.getElementById("result").style.display = "block";
            document.getElementById("result").innerHTML = totalprice;
        }
    </script>
   </head>
   <body>
    <form name= "myform" style="font-size:11px; font-family:Arial, Helvetica, sans-serif;">
        Initial Billing:
         <select name = "size" onchange = "chkrads('myform', 'size')">
            <option></option>
            <option value='29.95'>1 mo 29.95</option>
            <option value='34.95'>1 mo 34.95</option>
            <option value='39.45'>1 mo sh 39.45</option>
            <option value='49.95'>ACT Only 49.95</option>
            <option value='64.45'>ACT+SH 64.45</option>
            <option value='94.40'>Monthly 94.40</option>
            <option value='99.40'>Monthly 99.40</option>
            <option value='74.85'>Qtrly 74.85</option>
            <option value='89.85'>Qtrly 89.85</option>
            <option value='104.85'>Qtrly 104.85</option>
            <option value='179.70'>Semi 179.70</option>
            <option value='209.70'>Semi 209.70</option>
            <option value='299.50'>Annual 299.50</option>
            <option value='329.45'>Annual 329.45</option>
            <option value='349.50'>Annual 349.50</option>
            <option value='49.45'>Mobile Monthly 49.45</option>
            <option value='119.85'>Mobile Qtrly 119.85</option>
            <option value='239.70'>Mobile Semi 239.70</option>
            <option value='439.45'>Mobile Annual 439.45</option>
        </select>

        <input type= "hidden" name = "colour" value = "0">
        Lockbox: <input type = "checkbox" name = "colour" value = "36" onclick = "chkrads('myform', 'colour')">


        <input type= "hidden" name = "frame" value = "0">
        Second button: <input type = "checkbox" name = "frame" value = "35" onclick = "chkrads('myform', 'frame')">



    </form>



    <div id="result" style="display:none;"><strong></strong> <span id="totalprice"></span>     </div>

</body>
</html>

javascript autofill formfield
person Tommy Garcia    schedule 30.04.2013    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Вы можете заполнить скрытое поле ввода так же, как и видимое текстовое поле. То есть, установив его значение.

Вам нужно будет получить доступ к элементу, чтобы изменить значение. Самый простой способ - предоставить скрытому элементу идентификатор.

<input id="frameHidden" type= "hidden" name = "frame" value = "0">

тогда:

document.getElementById("frameHidden").value = "myVal";
person Joseph Gabriel    schedule 30.04.2013

arrow_upward
0
arrow_downward

В вашем коде ничего не сказано о скрытом поле ввода с названием totalprice. вместо этого у вас есть тег span с идентификатором totalprice. Если вы хотите поместить туда свои материалы, вам подойдет textContent. https://developer.mozilla.org/en-US/docs/DOM/Node.textContent

Кроме того, было бы более элегантно, если бы вы использовали информацию о ваших опциях value вместо дублирования информации.

person Thomas Junk    schedule 30.04.2013