九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
php – 在Dropdown Selection上,如何從Database填充完整的表單字段

如何根據(jù)從下拉列表中選擇的值填充數(shù)據(jù)庫(kù)中的完整表單輸入字段

示例:在應(yīng)用程序中,通過(guò)選擇客戶端名稱,它將填充完整的表單輸入字段,并在數(shù)據(jù)庫(kù)中存儲(chǔ)詳細(xì)信息.

Sample Code:<select name="client"> <option value="">-- Select Client Name -- </option> <option value="1">John</option> <option value="2">Smith</option>                               </select><input name="phone" type="text" value=""><input name="email" type="text" value=""><input name="city" type="text" value=""><textarea name="address"></textarea>

所有關(guān)于輸入字段都需要填寫客戶端名稱選擇的值.

編輯:

我嘗試使用AJAX但無(wú)法從文件中獲取特定變量…下面是我的代碼:

<script>    $(document).ready(function() {        $('#client').change(function() {            alert();            var selected = $(this).find(':selected').html();            $.post('get_details.php', {'client': selected}, function(data) {                $('#result').html(data);            });        });    });</script>

在get_details.php文件中,我將不同的值存儲(chǔ)在不同的變量中,但我不明白如何將它們轉(zhuǎn)換為單個(gè)變量到主頁(yè)面.

解決方法:

這只是一個(gè)調(diào)用自身的基本jQuery示例(當(dāng)創(chuàng)建$_POST時(shí)腳本的頂部是活動(dòng)的),我將其命名為index.php,如jQuery AJAX的url所示.如果需要,您可以使用兩個(gè)單獨(dú)的頁(yè)面來(lái)執(zhí)行此操作.只需將PHP與HTML / Javascript分開并更改url:’/ index.php’:

<?php// This is where you would do any database callif(!empty($_POST)) {    // Send back a jSON array via echo    echo json_encode(array("phone"=>'123-12313',"email"=>'test@test.com','city'=>'Medicine Hat','address'=>'556 19th Street NE'));    // Exit probably not required if you    // separate out your code into two pages    exit;}?><form id="tester">    <select name="client" id="client">        <option value="">-- Select Client Name -- </option>        <option value="1">John</option>        <option value="2">Smith</option>                                   </select>    <input name="phone" type="text" value="">    <input name="email" type="text" value="">    <input name="city" type="text" value="">    <textarea name="address"></textarea></form><!-- jQuery Library required, make sure the jQuery is latest --><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><script>    $(document).ready(function() {        // On change of the dropdown do the ajax        $("#client").change(function() {            $.ajax({                    // Change the link to the file you are using                    url: '/index.php',                    type: 'post',                    // This just sends the value of the dropdown                    data: { client: $(this).val() },                    success: function(response) {                        // Parse the jSON that is returned                        // Using conditions here would probably apply                        // incase nothing is returned                        var Vals    =   JSON.parse(response);                        // These are the inputs that will populate                        $("input[name='phone']").val(Vals.phone);                        $("input[name='email']").val(Vals.email);                        $("input[name='city']").val(Vals.city);                        $("textarea[name='address']").val(Vals.address);                    }            });        });    });</script>
來(lái)源:https://www.icode9.com/content-1-292101.html
本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
jQuery解決input超多的表單提交
jQuery validate驗(yàn)證隱藏表單(hidden)域
12 個(gè)必要的 jQuery 表單插件
Jquery 輕量級(jí)的form表單校驗(yàn)插件,happy.js!
用最簡(jiǎn)單的例子實(shí)現(xiàn)jQuery圖片即時(shí)上傳
ajax jquery 異步表單驗(yàn)證示例代碼
更多類似文章 >>
生活服務(wù)
熱點(diǎn)新聞
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服