簡體   English   中英

PHP / AJAX-根據選擇列表,用動態數據填充3個文本框

[英]PHP / AJAX - Populate 3 textboxes with dynamic data based on select list

我試圖找到一個教程或一些東西,讓我可以基於選擇下拉框中單擊的內容,用mysql數據庫中的數據填充3個文本框。

例如,我的選擇如下所示:

<select name="imaselect">
    <option value="USA">USA</option>
    <option value="AUS">AUS</option>
    <option value="NZ">NZ</option>
</select>

然后,在那之下我有3個空白文本框。

如果我單擊USA,它將進入數據庫,要求輸入3個值,將其返回,然后將其放在3個文本框中,如果我單擊AUS,則相同,如果單擊NZ,則相同。

任何幫助將不勝感激,我對此有麻煩。

干杯,

你需要兩件事。

  1. 一個連接到數據庫並檢索作為參數傳遞給它的國家/地區的三個值的php文件。
  2. 一個JavaScript腳本,該腳本使用國家/地區名稱調用php文件,並將返回的值放在文本框中。
<script type="text/javascript">
    jQuery(function( $ ){    
        $("select").change(function(e) {    
            $(".temp").load(\'index.php?parameter1=\'+ $(this).val(), , function() {
                $(".textbox1").val($(".temp1").text());
            });
        });
    });
</script>

這樣的事情。 當然,您必須設置對jquery文件的引用。 然后,您將擁有一個index.php(或將其命名為其他名稱),並可以通過load函數為其指定參數。 具有temp類的元素將獲取內容,因為您不能使用負載直接在文本框中獲取數據。 (因此,您需要創建該元素..隱藏!)然后將其復制到帶有textbox1類的元素中。 盡可能多地復制2條內線(只是像textbox2一樣使用,temp可以保持不變)

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM