если выписка из выпадающего списка, а затем сохранить данные - PullRequest
Новая
       3

если выписка из выпадающего списка, а затем сохранить данные

0 голосов
/ 06 февраля 2020

У меня есть поле для ввода пользователем номера высоты и раскрывающийся список рядом с ним, чтобы пользователь мог выбрать «футы» или «метры». Я не знаю, как сделать оператор if, который будет распознавать, если в футах была выбрана опция выпадающего списка, затем она будет конвертироваться в метры (я хочу, чтобы метры были единицей по умолчанию в системе, но все же дали бы пользователю возможность ввести в футах, если необходимо), а затем сохраните базу данных. 

Altitude : <input type = "text" name = "Altitude" value = "0" select id = "altUnits" name = "AltUnits"> <option value = "FEET" > FEET options  <option value = "METERS" > METERS options select

input type = <"submit" tabindex = 2 name = "jdbc_query_add_Newpoint" value = "ADD"/>

Ответы [ 2 ]

0 голосов
/ 06 февраля 2020

Пожалуйста, обратитесь ниже код 

   
    $(document).ready(function() {
    var altitude = $("#altUnits").val();
    var unit = $("#unit").val();
    var result = convert(unit, altitude)
    result += " " + unit
    $("#result").text(result);
    $("#unit").change(function() {
        var altitude = $("#altUnits").val();
        var unit = $("#unit").val();
        result = convert(unit, altitude);
        result += " " + unit
        $("#result").text(result);
    });
    $("#altUnits").change(function() {
        var altitude = $("#altUnits").val();
        var unit = $("#unit").val();
        result = convert(unit, altitude);
        result += " " + unit
        $("#result").text(result);
    });
});

function convert(conversionUnit, value) {
    var res = ""
    switch (conversionUnit) {    
        case "Meters":
            res = 0.3048 * value;
            break;
        case "Feet":
            res = 3.2808 * value
            break;
    }
    return res;
} 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<lable>Altitude: </lable> <input type = "text" name = "Altitude" value = "0" select id = "altUnits" name = "AltUnits">

<lable>Unit: </lable> <select id="unit">
<option>Meters</option>
<option>Feet</option>
</select>

<lable>Conversion : <span id="result"></span></lable>
0 голосов
/ 06 февраля 2020

это должно помочь вам начать. 

document.getElementById("mySelect").addEventListener("change", function() {

var mySelect = document.getElementById('mySelect').value;

if(mySelect === "FEET"){

var input = document.getElementById('altUnits');
input.value = input.value*.3048;
}




})
Altitude : <input type = "text" name = "Altitude" value = "0" select id = 
     "altUnits" name = "AltUnits"> 
                <select id='mySelect' >
                <option></option>
                <option value = "FEET" > FEET options </option> 
                <option value = "METERS" > METERS options select</option>
                </select>

      <input type = "submit" tabindex = 2 name = "jdbc_query_add_Newpoint" value = "ADD"/>
...