Question

我有一个问题。我想取得一些成就，但是，我从未做到过，因此很不幸，我不知道如何处理。

在屏幕上，我用SQL数据库的名称填充一个下拉框。现在，我想从该下拉列表中选择一个名称，然后再加载其他数据，例如最小值和最大值。我想使用这些值来例如限制输入字段。因此，一旦输入字段超出了所加载的值，输入字段就会变为红色。但是，我想在不按下表单的提交按钮的情况下使用它。

这可能吗？如果可以的话，有人可以帮我吗？

我用来填充选择框的代码是这样的：

<td>
    <div class="controls">
        <select name="prod" id="employee" onclick="updateBottomValue(this.value);" onchange="mys1()" style="width: 245px;">
            <option value="" disabled selected="selected[]" multiple="multiple">Selecteer Product</option>
            <?php
            $pdo = Database::connect();
            $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
            $sql = "SELECT * FROM specsv1 where RActive = 'y' order by RNaam";
            $q = $pdo->prepare($sql);
            $q->execute(array($Id,$RNaam));
            Database::disconnect();
            while ($row = $q->fetch(PDO::FETCH_ASSOC)) {
                echo "<option value='" . $row['Id'] . "'>" . $row['RNaam'] . "</option>";
            } 
            ?>
        </select>

        <?php if (!empty($ProductError)): ?>
            <span class="help-inline"><?php echo $ProductError;?></span>
        <?php endif; ?>
    </div>

    <span id="selectedValue"></span>
    <input STYLE="width: 6em" name="rrss" type="text"  id='rrss'>
</td>

我要获取所选名称的代码是这样的：

<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 call，即dropdown value changes。 AJAX调用您的PHP脚本，并获取一些HTML，它将place出现在屏幕上的任何位置。

这是一个很大的主题，很难为您提供确切的答案，但是使用Google jquery ajax dropdown onchange，您应该能够获得足够的信息来继续前进。其中之一是以下项（有很多）： jQuery Load form elements through ajax, from onchange event of drop down box

在做出选择框之后加载SQL数据吗？

2 个答案: