Загрузить данные sql после выбора поля выбора?

Question

У меня есть вопрос.Я хочу чего-то достичь, однако никогда не делал этого, поэтому, к сожалению, я не знаю, как с этим справиться.

На моем экране я заполняю выпадающий список именами из базы данных sql.Теперь я хотел бы, чтобы, как только из этого выпадающего списка было выбрано имя, загружались другие данные, например, минимальные и максимальные значения.Я хотел бы использовать эти значения, чтобы, например, иметь возможность задавать ограничения для полей ввода.Поэтому, как только поле ввода выходит за пределы загруженных значений, поле ввода становится красным.Тем не менее, я хотел бы использовать это без нажатия кнопки отправки формы.

Возможно ли это?если так, то может ли кто-нибудь помочь мне с этим?

Код, который я использую, чтобы заполнить мой ящик для выбора, выглядит следующим образом.1010 *

<script>
    function updateBottomValue(selectedvalue) {
        document.getElementById("selectedValue").innerHTML=selectedvalue;
        document.getElementById('rrss').value = selectedvalue;
    }
</script>

Answer 1

Да, это возможно.

И, возможно, этот пример ajax для того, что вы хотите, не стесняйтесь изменять в соответствии с вашими требованиями.

function viewMinMax(value){

    if (value == 'a'){
        tempurl = "https://api.myjson.com/bins/dv40y";
    }else if (value == 'b'){
        tempurl = "https://api.myjson.com/bins/egjmq";
    }

    $.ajax({
        url: tempurl,
        type: "get", 
        dataType: "JSON",
        data: {}, //this is data you send to your server
        success: function(res)
        {   
            $('#info').show();
            document.getElementById("info").innerHTML = 'Your min value: ' + res.min + ', Your max value: ' + res.max;

            $('#min').val(res.min);
            $('#max').val(res.max);
        }
    })
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form action="" method="post">
    <select name="product_select" id="product_select" onchange="viewMinMax(this.value)">
        <option value="">Select Product</option>
        <option value="a">Product A</option>
        <option value="b">Product B</option>
    </select>

    <p id="info" style="display:none;"></p>

    <h3>Load the min & Max</h3>
    <label for="min">Min</label>
    <input type="text" name="min" id="min" value="">
    <br>

    <label for="max">Max</label>
    <input type="text" name="max" id="max" value="">
</form>

игнорируйте tempurl, который может быть изменен вашим действием для выбора данных на основе значения для вашей БД.

Answer 2

Возможно ли это?Абсолютно.Есть несколько способов сделать это.Один простой способ - использовать jQuery для запуска так называемого вызова AJAX , как только значение раскрывающегося списка изменится .AJAX вызывает ваш PHP-скрипт и возвращает HTML-код, который будет размещать везде, где вы хотите, на экране.

Это большая тема, поэтому трудно дать вам точные ответы, но Googlejquery ajax dropdown onchange и вы сможете получить достаточно информации, чтобы начать работу.Одним из них является следующее (их много): jQuery Загрузка элементов формы через ajax из события onchange раскрывающегося списка