下拉事件更改

Question

我正在嘗試對頁面進行編碼以修改數據庫條目。 我想拉數據庫並將第三列放到下拉列表中。 當從下拉列表中選擇一個項目時，我希望從數據庫中選擇的所在行獲取信息以填充表格。 我的下拉列表已填充並且可以工作，但是我的問題是，我做錯了什么，或者您對編碼變更事件的建議是什么？ 我正在嘗試使用jQuery change事件，但是我仍在學習，顯然我沒有正確編碼它。 我嘗試從簡單開始，只是讓它回顯所選的項目，以確保我首先正確地進行了on change，但顯然我沒有。

<?php
    include("header.html");
    include("connection.php");
    $query= "SELECT * FROM components";
    if($result = mysqli_query($link, $query)) {
        $item="<p><select name='part' id='inp'>";
        while ($row=mysqli_fetch_array($result)) {
            $item.="<option>".$row[2]."</option>";
        }
        $item.="</select></p>";
    }
?>
<html>
    <body>
        <script>
            $('select').on('change',function () {
                $sel=$(this).value;
            });
        </script>
        <div id="main">
            <div id="test"></div>
            <?php 
            echo $item;
            echo $sel;
            ?>
                <form method = "post">
                    <p><input name="itemnumber" id ="inp" type="text" placeholder="Item #"></p>
                    <p><input name="cost" id ="inp" type="text" placeholder="Price"></p>
                    <p><input name="company" id ="inp" type="text" placeholder="Company"></p>
                    <p><input name="contact" id ="inp" type="text" placeholder="Contact"></p>
                    <p><input name="address1" id ="inp" type="text" placeholder="Address"></p>
                    <p><input name="address2" id ="inp" type="text" placeholder="City / State / Zip"></p>
                    <p><input name="phone" id ="inp" type="text" placeholder="Phone Number"></p>
                    <p><select name="part" id="inp">
                        <option value="select" selected>Choose One</option>
                        <option value="base">Base Product</option>
                        <option value="coating">Coating</option>
                        <option value="topping">Topping</option>
                        <option value="film">Film</option>
                        <option value="corrugate">Corrugate</option>
                    </select></p>
                    <p><input type="submit" name="submit" id="submitbutton" value = "Submit"></p>
                </form>
        </div>
    </body>
</html>
<?php include("footer.html"); ?>

Answer 1

基本的事情是，在頁面真正加載到瀏覽器后，您無法執行php。 因此，如果要在頁面加載后執行任何操作，則必須使用在瀏覽器中執行的javascript或使用javascript向服務器發出請求並執行php腳本。

在這里，您的要求很簡單，您需要在頁面中顯示下拉列表的選定值

<script>
$('select').on('change',function () {
    $('#selectedvalue').html($(this).val());
});
</script>


<?php
echo $item;
?>
<div id="selectedvalue"></div>

注意：我希望您在頁面中包含jquery庫js

下拉事件更改

問題描述

1 個解決方案

解決方案1
2 已采納 2016-11-01 13:45:06

下拉事件更改

問題描述

1 個解決方案

解決方案1 2 已采納 2016-11-01 13:45:06

解決方案1
2 已采納 2016-11-01 13:45:06