Jquery在文本框中设置值,具体取决于下拉列表中的结果

时间:2016-07-22 05:05:14

标签: php jquery

我有一个工作的jquery函数,根据所选省份加载下拉列表中的所有可用城市(我将省代码传递给jquery函数,以传输到php脚本以查询该省代码下的城市和显示它作为回报)。工作代码是:

jquery的:

    <script>
        $(document).ready(function(){
            $("#PROVINCE").change(function() {
                $("#CITY").load("getCity.php?PROVINCE_CODE=" + $("#PROVINCE").val());
            });
        });
    </script>

HTML:

    <table>
        <tr>
            <td><b>Province:</b> <span class="required">*</span></td><td><SELECT id="PROVINCE" name="PROVINCE">
            <option value="0">-select-</option>
            <?php 
            $query=mysqli_query($conn,"select province_code,province from omni_map_province order by province asc;")or die(mysqli_error());
            if(mysqli_num_rows($query)>=1){
                while($row=mysqli_fetch_array($query)){
                    echo "<option value='$row[0]'>$row[1]</option>";
                }
            }
            ?>
            </SELECT></td>
        </tr>
        <tr>
            <td><b>City:</b> <span class="required">*</span></td><td><SELECT id="CITY" name="CITY"><option value="0">-select-</option>
            </SELECT></td>
        </tr>
    </table>

PHP(getCity.php)

    <?php 
        require_once("../connmysql.php");
        $province_code=$_GET['province_code'];
        $query=mysqli_query($conn,"select city_code,city from omni_map_city where province_code='$province_code' order by city asc;")or die(mysqli_error());
        if(mysqli_num_rows($query)>=1){
            while($row=mysqli_fetch_array($query)){
                echo "<option value='$row[0]'>$row[1]</option>";
            }
        }
    ?>  

现在,我想重复使用我的代码将邮政编码加载到TEXTBOX,具体取决于所选的城市。重复使用上面的代码是可以的。但它需要我使用SELECT标记作为输入并将其显示在下拉列表的OPTION中。我想使用文本框,因为它总会返回一个结果。

1 个答案:

答案 0 :(得分:0)

制作一个虚拟元素并使用以下代码: -

$('#CITY').val($('#dummy').load('hi'));