Question

我是网络开发的新手。我想知道如何根据选择下拉列表填充文本输入类型。假设我正在选择分支，我想在文本框中自动显示其员工编号。可以使用AJAX完成吗？如果有，怎么样？我想要MySQL数据库中的员工编号。另外，我想在同一MySQL表的其他文本输入中显示其到达时间。提前谢谢。

Answer 1

您可以直接使用JavaScript，但您可能需要考虑jQuery的更改方法（http://api.jquery.com/change/）。更改菜单后，您将更新输入。

$( "#yourMenu" ).change(function() {
    $.get("yourServerScript.php", {selectedID:$(this).val()}, function( data ) {
        $("yourInput").val(data);
    });
});

Answer 2

您只能使用PHP和mysql。将选择框的标题设置为员工编号，然后使用该标题填充文本框：

$result = $connection->query("SELECT * FROM tablename");
while ($row = $result->fetch_assoc()) {
    echo "<option class='branch' title='$row[employee_number]' value = '$row[branch]'>$row[branch]</option>";
}

然后使用jQuery：

$('.branch').change(function(event) {
    $('#employee').val($(this).attr('title'));
}

假设文本输入的id属性为＆＃39; employee＆＃39;作为价值。

Answer 3

是的，这肯定可以通过JQuery＆amp;阿贾克斯。所以你的代码看起来像

$(document).on("change","#dropDownSelector", function(){

var changedVal = $("#dropDownSelector").val();

$.ajax({
            type: 'POST',
            url: 'actionUrl', //logic for getting the data based on dropdown valur from db
            data: { 
                "value": changedVal,

            },
            beforeSend:function (){
                //Do something before request is sent like showing loading image
            },
            success:function (data){
                //Success . Use the data and show it on ui
            },
          error: function(xhr, textStatus, errorThrown){
            // failed request; give feedback to user

          },
          complete:function (){
                //Do something after request is complete.   
          }
        });

您仍然需要根据您正在使用的服务器端语言和数据库为其创建网址和操作。但总体而言，您的javascript代码应遵循此原则。

希望这会有所帮助。

快乐学习：）

如何根据选择输入类型填充文本输入类型？

3 个答案: