我是網絡開發新手。我想知道如何根據選擇下拉列表填充文本輸入類型。假設我正在選擇分支,並且我希望自己的員工編號在文本框中。可以使用AJAX完成嗎?如果是的話如何?我想從MySQL數據庫中獲得員工編號。另外我想顯示其來自同一MySQL表的其他文本輸入的到達時間。 在此先感謝。如何基於選擇輸入類型填充文本輸入類型?
-1
A
回答
0
是的,這肯定可以用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代碼應該遵循這個。
希望這有些幫助。
快樂學習:)
0
您可以直接使用JavaScript,但您可能需要考慮jQuery的更改方法(http://api.jquery.com/change/)。當菜單改變時,你更新輸入。
$("#yourMenu").change(function() {
$.get("yourServerScript.php", {selectedID:$(this).val()}, function(data) {
$("yourInput").val(data);
});
});
0
您只能使用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屬性與'員工'作爲價值。
相關問題
- 1. jQuery選擇多種類型的基於文本的輸入
- 2. 在選擇輸入類型=「文件」更改輸入類型「文本」
- 3. :首個類型選擇輸入類型=「文本」
- 4. javascript選擇輸入類型文件
- 5. 輸入類型=「文本」vs輸入類型=「搜索」在HTML5中
- 6. 輸入類型提交100%寬度與輸入類型文本
- 7. 將輸入類型密碼更改爲輸入類型文本
- 8. AJAX來填充輸入型文本
- 9. 如何循環輸入類型文本?
- 10. 填充類型文本,然後按輸入提交使用python
- 11. 檢查輸入類型文本填充的時間
- 12. jQuery - 基於選擇值更改輸入類型
- 13. 基於下拉選擇的不同類型的輸入控件?
- 14. 粘貼輸入類型的文件值輸入型文本
- 15. 什麼是手寫輸入[類型=文本]或輸入[類型=「文本」在CSS
- 16. 填寫輸入類型=文件
- 17. 如何在Javascript中檢查輸入類型=文本的輸入
- 18. 在輸入類型=「文本」上按'輸入',如何?
- 19. 按輸入類型選擇標籤
- 20. 如何填充Formtastic:選擇輸入值
- 21. 從PHP腳本填充選擇輸入
- 22. 如何使用ajax填充輸入類型tesxt
- 23. 填充基於選擇的輸入選項
- 24. 選擇輸入類型號碼中的所有輸入值
- 25. 如何選擇輸入類型= jquery中的文件工作
- 26. 解析爲基本類型,基於c#中的用戶輸入#
- 27. 設計輸入類型=文本的選擇顏色,可能嗎?
- 28. 使用輸入類型=「文本」的jQuery UI日期選擇器
- 29. 輸入文件類型
- 30. 輸入文檔類型
您正在選擇分支機構或員工,並希望人員的號碼顯示在文本輸入中? – 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