动态网络字段

时间:2017-01-27 08:05:12

标签: php jquery mysql

我想要做的是我有一个基本字段等的用户个人资料页面,但现在我想添加2个额外的字段类型,而且我不能很好地使用它们。

基本上字段是相同的,我有一个动态选择列表2取决于列表2选择,但我需要有一个按钮添加更多这些字段,同样如果用户编辑他的配置文件它需要能够删除特定的一个。

第二个只是一个自由文本字段,但也需要能够添加更多然后删除特定字段。我并不是100%确定我将如何将这些存储在数据库中。我正在使用MySQL。

1 个答案:

答案 0 :(得分:0)

更新: 好吧,我用ajax方法^ _ ^想出来了 抱歉,我没有包含原始代码,我脑子里有50件事。

基本代码: mysql数据拉:

$getCountries = "Select * from countries";
$CountriesResult = mysqli_query($con, $getCountries);

PHP代码:

<div class="form-group">
<label for="Location">Location:</label>
    <select id="country" class="form-control" required name="country" onchange="getprov(this.value);" >
        <option value="">--Select country--</option>
            <?php
                while($country_dataRow = mysqli_fetch_array($CountriesResult)){
            ?>
            <option value="<?php echo $country_dataRow['Country_ID']; ?>"><?php echo $country_dataRow['name']; ?></option>;
            <?php } ?>
    </select>
   </div>
<!-- Province -->
<div id="province-data" class="form-group"></div>

然后是Java脚本

function getprov(val){
$("#province-data").html("<img src='assets/images/ajax-loader.gif'>");
    setTimeout(function(){
        $.ajax({
        type:   "POST",
        url:    "ajax_call.php",
        data:   "Country_ID="+val,
        success:    function(data){
                        $("#province-data").html(data);
                    }
        })
    }, 500);
};

最后是Ajax_call.php

$getProvince = "Select * from province where Country_ID='$country_id' order by Province asc";
$ProvinceResult = mysqli_query($con, $getProvince);

<select id="province" class="form-control" required name="province" onchange="getcity(this.value);">
    <option value="">--Select Province--</option>
    <?php while($province_dataRow = mysqli_fetch_array($ProvinceResult)){ ?>
        <option value="<?php echo $province_dataRow['Province_ID']; ?>"><?php echo $province_dataRow['Province']; ?></option>
    <?php } ?>
</select>

我还在努力在系统上添加多个条目。