Блог

Главная - Вопросы по программированию - как изменить значение одного текстового поля ввода на основе определенного значения другого текстового поля ввода

как изменить значение одного текстового поля ввода на основе определенного значения другого текстового поля ввода

#javascript #html #jquery #jsp

#javascript #HTML #jquery #jsp

Вопрос:

Мой HTML-код

 <div class="modal-body">
  <form action="edit.jsp" method="post">
    <div class="form-group">
      <label>Order ID</label>
      <input
        type="text"
        name="Order_ID"
        id="txtID"
        class="form-con"
        readonly="readonly"
      />
      <label>Order Amount</label>
      <input type="text" name="Order_Amount" id="txtAMT" class="form-con" />
      <label>Notes</label>
      <input type="text" name="Notes" id="txtNotes" class="form-con" />
      <label>Approved By</label>
      <input type="text" name="Approved_By" id="txtApp" class="form-con" />
    </div>
    <div class="modal-footer">
      <button class="btn" type="submit">EDIT</button>
    </div>
  </form>
</div>

Моя база данных:

 Field            Type           Collation        Null    Key     Default  Extra   Privileges                       Comment  
---------------  -------------  ---------------  ------  ------  -------  ------  -------------------------------  ---------
Order_ID         int            (NULL)           NO      PRI     (NULL)           select,insert,update,references           
Customer_Name    varchar(100)   utf8_general_ci  YES             (NULL)           select,insert,update,references           
Customer_ID      int            (NULL)           YES             (NULL)           select,insert,update,references           
Order_Amount     int            (NULL)           YES             (NULL)           select,insert,update,references           
Approval_Status  varchar(100)   utf8_general_ci  YES             (NULL)           select,insert,update,references           
Approved_By      varchar(100)   utf8_general_ci  YES             (NULL)           select,insert,update,references           
Notes            varchar(1000)  utf8_general_ci  YES             (NULL)           select,insert,update,references           
Order_Date       datetime       (NULL)           YES             (NULL)           select,insert,update,references

Мой запрос заключается в следующем: если я изменю сумму своего заказа, которая меньше 10000, она автоматически заполнит Утвержденное поле с именем «Дэвид Ли». Как реализовать эту функциональность?

Комментарии:

1. Не могли бы вы поделиться с нами тем, что вы пытались до сих пор, пожалуйста?

2. Изменения должны быть сделаны в бэкэнд-коде, т.е. в БД?

Ответ №1:

Используя onchange, вызывающий функцию javascript для проверки

(если вы введете 20000 в качестве суммы заказа, ничего не изменится, но если вы измените его, скажем, на 1234 , что меньше 10000, система будет использовать David Lee в качестве одобренного)

 function autopopulate() {
if (document.getElementById("txtAMT").value * 1 < 10000)
{document.getElementById("txtApp").value="David Lee";
}
} 
 <div class="modal-body">
            <form action="edit.jsp" method="post">
                <div class="form-group">
                <label>Order ID</label>
                <input type="text" name="Order_ID" id="txtID" class="form-con" readonly="readonly"><br>
                <label>Order Amount</label>
                <input type="text" name="Order_Amount" id="txtAMT" class="form-con" onchange="javascript:autopopulate();"><br>
                <label>Notes</label>
                <input type="text" name="Notes" id="txtNotes" class="form-con"><br>
                <label>Approved By</label>
                <input type="text" name="Approved_By" id="txtApp" class="form-con">

                
                </div>
            <div class="modal-footer">
            <button class="btn" type="submit">EDIT</button>
        </div>
            </form>
            
        </div>