Обновление значений формы с помощью JavaScript - PullRequest
Новая
       11

Обновление значений формы с помощью JavaScript

0 голосов
/ 30 апреля 2010

Это работает, кто-нибудь видит то, что я не должен делать?

Моя функция, которая называется 

function getWeight(){
        var weight;
        var quantity = document.dhform.quantity.value;
        var cardSize = document.dhform.cardSize.value;
            weight = quantity * cardSize; 
        document.rates.weight.value = weight;
    }

принимает значения из этих выпадающих меню 

<td><span class="style29">Quantity</span><span class="style1"><br/>
                                <select id="Quantity" name="quantity" size="1">
                                    <option value="250">250</option>
                                    <option value="500">500</option>
                                    <option value="1000" selected>1000</option>
                                    <option value="1500">1500</option>
                                    <option value="2000">2000</option>
                                    <option value="2500">2500</option>
                                    <option value="3000">3000</option>
                                    <option value="4000">4000</option>
                                    <option value="5000">5000</option>
                                </select>
                            </span></td>
<td><p><span class="style1"><span class="style29">Size</span><br/>
                                      <select id="Size" name="Size" size="1" onChange="getWeight()">
                                        <option value="0.00999" selected>8.5 x 3.5</option>
                                        <option value="0.0146">11 x 4</option>
                                      </select>
                            </span></p></td>

Значение должно быть вставлено в это текстовое поле 

<td style="width: 115px; height: 49px;"><span class="style16">Weight</span><br/>
                                  <input type="text" id="weight" name="weight" size="10" maxlength="4"/>
                              </td>

1 Ответ

2 голосов
/ 30 апреля 2010

Да, это сделано с помощью Javascript. Допустим, часть «выбрать что-то» является раскрывающимся списком (поле выбора HTML). Вы добавляете обработчик события «onchange» в этот блок выбора, который запускает функцию javascript (которая автоматически получает измененный элемент блока выбора в качестве параметра). Внутри этой функции вы используете значение поля выбора, чтобы определить, каким должно быть значение другого блока, и обновляете значение этого другого блока.

Пример: 

<head>
<script language="JavaScript">
    function setToy(dropDown) {
        var pet = dropDown.options[dropDown.selectedIndex].value);
        var newBox = document.getElementById("toy");
        var toyText = "";
        switch(pet) {
           case "dog": toyText = "bone";
           case "cat": toyText = "mouse";
           default:toyText = "";
        }
        newBox.innerHTML = toyText;
    } 
</script></head>
<body>
<select name="petDropDown" onChange="updateToy(this)">
    <option value="dog">Dog</option>
    <option value="cat">Cat</option>
</select><br />
Preferred Toy: <input id="toy" />
</body>

Я добавлю, что если вы много делаете это, вы должны изучить jQuery, который значительно упрощает подобные вещи.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...