堆棧內存溢出
  簡體   English   中英

如何使用ajax、PHP制作自動填充信息文本框和數據驗證

[英]how to make AutoFill information Textbox and validation of data using ajax, PHP

 原文  2018-11-05 10:30:27  4   1    javascript/ php/ jquery/ ajax

問題描述

我對php ajax腳本有一些疑問，當我在網頁中選擇員工ID時，其他表格信息會自動顯示。

我完整的 php 代碼，js 在線驅動器中的所有內容，驅動器鏈接如下共享。

https://www.mediafire.com/folder/vylgll8mutl5h/

我使用下拉列表完成了項目，就像我們選擇顯示縣的州一樣，但我需要腳本，當我選擇員工 ID 時，它會自動填寫所選員工的所有詳細信息，請幫助我解決這個項目。

謝謝..

索引.php

    <?php
require_once("dbcontroller.php");
$db_handle = new DBController();
$query ="SELECT * FROM empid";
$results = $db_handle->runQuery($query);
?>
<html>
<head>
<head>

<script src="jquery-3.2.1.min.js" type="text/javascript"></script>
<script>
function getempname(val) {
    $.ajax({
    type: "POST",
    url: "getempname.php",
    data:'empname_ID='+val,
    success: function(data){
        $("#name-list").html(data);
        getpfno();
    }
    });
}


function getpfno(val) {
    $.ajax({
    type: "POST",
    url: "getpfno.php",
    data:'emppfno_id='+val,
    success: function(data){
        $("#pfno-list").html(data);
    getdept();
    }
    });
}
function getdept(val) {
    $.ajax({
    type: "POST",
    url: "getdept.php",
    data:'pfno_id='+val,
    success: function(data){
        $("#dept-list").html(data);
        getlocation();  
    }
    });
}

function getlocation(val) {
    $.ajax({
    type: "POST",
    url: "getlocation.php",
    data:'dept_id='+val,
    success: function(data){
        $("#location-list").html(data);
        getesino(); 
    }
    });
}



function getesino(val) {
    $.ajax({
    type: "POST",
    url: "getesino.php",
    data:'location_id='+val,
    success: function(data){
        $("#esino-list").html(data);
        getdesignation();
    }
    });
}

function getdesignation(val) {
    $.ajax({
    type: "POST",
    url: "getdesignation.php",
    data:'esino_id='+val,
    success: function(data){
        $("#designation-list").html(data);
    getbankname();  
    }
    });
}

function getbankname(val) {
    $.ajax({
    type: "POST",
    url: "getbankname.php",
    data:'designation_id='+val,
    success: function(data){
        $("#bankname-list").html(data);
    getpanno(); 
    }
    });
}

function getpanno(val) {
    $.ajax({
    type: "POST",
    url: "getpanno.php",
    data:'bankname_id='+val,
    success: function(data){
        $("#panno-list").html(data);
    getdob();   
    }
    });
}

function getdob(val) {
    $.ajax({
    type: "POST",
    url: "getdob.php",
    data:'panno_id='+val,
    success: function(data){
        $("#dob-list").html(data);
    getacno();  
    }
    });
}

function getacno(val) {
    $.ajax({
    type: "POST",
    url: "getacno.php",
    data:'dob_id='+val,
    success: function(data){
        $("#acno-list").html(data);
    getepsno(); 
    }
    });
}

function getepsno(val) {
    $.ajax({
    type: "POST",
    url: "getepsno.php",
    data:'acno_id='+val,
    success: function(data){
        $("#epsno-list").html(data);
    getdateofjoin();    
    }
    });
}

function getdateofjoin(val) {
    $.ajax({
    type: "POST",
    url: "getdateofjoin.php",
    data:'epsno_id='+val,
    success: function(data){
        $("#dateofjoin-list").html(data);
    getgender();    
    }
    });
}


function getgender(val) {
    $.ajax({
    type: "POST",
    url: "getgender.php",
    data:'dateofjoin_id='+val,
    success: function(data){
        $("#gender-list").html(data);
    getuan();   
    }
    });
}

function getuan(val) {
    $.ajax({
    type: "POST",
    url: "getuan.php",
    data:'gender_id='+val,
    success: function(data){
        $("#uan-list").html(data);
    }
    });
}

</script>
</head>
<body>
<div class="frmDronpDown">
<div class="row">
<label>Empid:</label><br/>
<select name="empid" id="empid-list" class="demoInputBox" onChange="getempname(this.value);">
<option value disabled selected>Select Empid</option>
<?php
foreach($results as $empid) {
?>
<option value="<?php echo $empid["id"]; ?>"><?php echo $empid["empid"]; ?></option>
<?php
}
?>
</select>
</div>
<div class="row">
<label>Empname:</label><br/>
<select name="empname" id="name-list" class="demoInputBox" onChange="getpfno(this.value);">

</select>
</div>
<div class="row">
<label>pfno:</label><br/>
<select name="pfno" id="pfno-list" class="demoInputBox" onChange="getdept(this.value);">

</select>
</div>
<div class="row">
<label>dept:</label><br/>
<select name="dept" id="dept-list" class="demoInputBox" onChange="getlocation(this.value);">
<option value="">Select dept</option>
</select>
</div>

 <div class="row">
<label>Location:</label><br/>
<select name="location" id="location-list" class="demoInputBox" onChange="getesino(this.value);">
<option value="">Select location</option>
</select>
</div>
<div class="row">
<label>esino:</label><br/>
<select name="esino" id="esino-list" class="demoInputBox" onChange="getdesignation(this.value);">
<option value="">Select esino</option>
</select>
</div>
<div class="row">
<label>designation:</label><br/>
<select name="designation" id="designation-list" class="demoInputBox" onChange="getbankname(this.value);">
<option value="">Select designation</option>
</select>
</div>
<div class="row">
<label>bankname:</label><br/>
<select name="bankname" id="bankname-list" class="demoInputBox" onChange="getpanno(this.value);">
<option value="">Select bankname</option>
</select>
</div>
<div class="row">
<label>panno:</label><br/>
<select name="panno" id="panno-list" class="demoInputBox" onChange="getdob(this.value);">
<option value="">Select panno</option>
</select>
</div>
<div class="row">
<label>dob:</label><br/>
<select name="dob" id="dob-list" class="demoInputBox" onChange="getacno(this.value);">
<option value="">Select dob</option>
</select>
</div>
<div class="row">
<label>acno:</label><br/>
<select name="acno" id="acno-list" class="demoInputBox" onChange="getepsno(this.value);">
<option value="">Select acno</option>
</select>
</div>
<div class="row">
<label>epsno:</label><br/>
<select name="epsno" id="epsno-list" class="demoInputBox" onChange="getdateofjoin(this.value);">
<option value="">Select epsno</option>
</select>
</div>
<div class="row">
<label>dateofjoin:</label><br/>
<select name="dateofjoin" id="dateofjoin-list" class="demoInputBox" onChange="getgender(this.value);">
<option value="">Select dateofjoin</option>
</select>
</div>
<div class="row">
<label>gender:</label><br/>
<select name="gender" id="gender-list" class="demoInputBox" onChange="getuan(this.value);">
<option value="">Select gender</option>
</select>
</div>
<div class="row">
<label>uan:</label><br/>
<select name="uan" id="uan-list" class="demoInputBox">
<option value="">Select uan</option>
</select>
</div>

</div>
</body>
</html>

dbcontrollar.php

<?php
class DBController {
    private $host = "localhost";
    private $user = "root";
    private $password = "";
    private $database = "data";
    private $conn;

    function __construct() {
        $this->conn = $this->connectDB();
    }

    function connectDB() {
        $conn = mysqli_connect($this->host,$this->user,$this->password,$this->database);
        mysqli_set_charset($conn,"utf8");
        return $conn;
    }

    function runQuery($query) {
        $result = mysqli_query($this->conn,$query);
        while($row=mysqli_fetch_assoc($result)) {
            $resultset[] = $row;
        }       
        if(!empty($resultset))
            return $resultset;
    }

    function numRows($query) {
        $result  = mysqli_query($this->conn,$query);
        $rowcount = mysqli_num_rows($result);
        return $rowcount;   
    }
}
?>

臨時名稱.php

<?php
require_once ("dbcontroller.php");
$db_handle = new DBController();
if (! empty($_POST["empname_ID"])) {
    $query = "SELECT * FROM empname WHERE name_ID = '" . $_POST["empname_ID"] . "'";
    $results = $db_handle->runQuery($query);
    ?>
<option value disabled selected>Select name</option>
<?php
    foreach ($results as $empname) {
        ?>
<option value="<?php echo $empname["name_id"]; ?>"><?php echo $empname["empname"]; ?></option>
<?php
    }
}
?>

getpfno.php

<?php
require_once ("dbcontroller.php");
$db_handle = new DBController();
if (! empty($_POST["emppfno_id"])) {
    $query = "SELECT * FROM pfno WHERE pf_id = '" . $_POST["emppfno_id"] . "'";
    $results = $db_handle->runQuery($query);
    ?>
<option value disabled selected>Select employee pfno</option>
<?php
    foreach ($results as $epfno) {
        ?>
<option value="<?php echo $epfno["pf_id"]; ?>"><?php echo $epfno["pfno"]; ?></option>
<?php
    }
}
?>

獲取部門

<?php
require_once ("dbcontroller.php");
$db_handle = new DBController();
if (! empty($_POST["pfno_id"])) {
    $query = "SELECT * FROM dept WHERE dept_id = '" . $_POST["pfno_id"] . "'";
    $results = $db_handle->runQuery($query);
    ?>
<option value disabled selected>Select department</option>
<?php
    foreach ($results as $deprt) {
        ?>
<option value="<?php echo $deprt["dept_id"]; ?>"><?php echo $deprt["dept"]; ?></option>
<?php
    }
}
?>

1 個解決方案

解決方案1
 0  2018-11-07 09:56:41

嘗試這個

function getempname(val) {
    $.ajax({
    type: "POST",
    url: "getempname.php",
    data:'empname_ID='+val,
    success: function(data){
        $("#name-list").html(data);
        $("#useraddress").val(data.address);
        getpfno();
    }
    });
}

這是您的文本框示例。

<input type="text" name="address" id="useraddress" >

順便說一句，我也需要 ajax 結果。

暫無
暫無

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

相關問題 如何使用AJAX或PHP在數據庫中存儲添加更多文本框的數據 jQuery自動填充文本框，其中包含來自另一個自動填充的信息 使用按鈕自動填充文本框 PHP：如何使用jQuery Ajax驗證文本框 如何使用ajax從php制作json數據循環 如何使用我剛剛用 href 單擊的數據自動填充文本框？ 使用PHP信息的Ajax 如何將文本框的名稱和值發送到PHP中用於驗證的ajax 使用AJAX / JSON進行PHP驗證 當我在jquery和ajax中的第一個文本框中鍵入內容時，如何自動填充另一個文本框
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM