如何基於選擇輸入類型填充文本輸入類型？

-1

我是網絡開發新手。我想知道如何根據選擇下拉列表填充文本輸入類型。假設我正在選擇分支，並且我希望自己的員工編號在文本框中。可以使用AJAX完成嗎？如果是的話如何？我想從MySQL數據庫中獲得員工編號。另外我想顯示其來自同一MySQL表的其他文本輸入的到達時間。在此先感謝。如何基於選擇輸入類型填充文本輸入類型？

來源

2014-11-23 Rohit Mehra

您正在選擇分支機構或員工，並希望人員的號碼顯示在文本輸入中？ – 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代碼應該遵循這個。

希望這有些幫助。

快樂學習:)

來源

2014-11-23 04:16:24 Vatsal

您可以直接使用JavaScript，但您可能需要考慮jQuery的更改方法（http://api.jquery.com/change/）。當菜單改變時，你更新輸入。

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

來源

2014-11-23 02:43:47 user1032531

您只能使用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屬性與'員工'作爲價值。

來源

2014-11-23 02:51:02

如何基於選擇輸入類型填充文本輸入類型？

回答

相關問題