如何基于选择输入类型填充文本输入类型？

问题描述：

我是网络开发新手。我想知道如何根据选择下拉列表填充文本输入类型。假设我正在选择分支，并且我希望自己的员工编号在文本框中。可以使用AJAX完成吗？如果是的话如何？我想从MySQL数据库中获得员工编号。另外我想显示其来自同一MySQL表的其他文本输入的到达时间。在此先感谢。如何基于选择输入类型填充文本输入类型？

您正在选择分支机构或员工，并希望人员的号码显示在文本输入中？ – blackmambo 2014-11-23 02:43:45

可以这样做吗？应该是;但是，没有任何信息来代表你的情况，它怎么能做到这一点是不可能的。 – 2014-11-23 02:55:00

现场演示http://jsfiddle.net/rajaadil/nafnR/2/ – 2014-11-23 03:00:33

答

是的，这肯定可以用jQuery & Ajax完成。所以，你的代码看起来像

$(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. 
      } 
     });

您仍然需要创建了基于服务器端语言和数据库，你正在使用的URL和行动。但总的来说你的JavaScript代码应该遵循这个。

希望这有些帮助。

快乐学习:)

答

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

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

答

您只能使用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属性与'员工'作为价值。

如何基于选择输入类型填充文本输入类型？

相关推荐