从其他选择中填充select(包括jqtransform)

时间:2013-10-16 10:14:41

标签: php html ajax jqtransform

我有这个java脚本:

    $("#judet div.jqTransformSelectWrapper ul li a").click(function(){     
var jud= $("#judetul1").val(); 
$.ajax({
        type: "POST",
        url: "rental/cms/inc/ajax/cities.php",
        data: { 'jud': jud },
        success: function (msg) {

            $("#oras").html(msg);

        },
        error: function (xhr, err) {
            alert("readyState: " + xhr.readyState + "\nstatus: " + xhr.status);
            alert("responseText: " + xhr.responseText);
        }
    });     
    });

和这个html:

<div class=" h">
   <span class="block">Orasul</span>
   <div class="select6" id="oras">

   <select name="oras1" id="oras1"   onchange="zone1();sectorul();">

   </select>
  </div>
   <div class="clear"></div>
   </div>
   <div class="clear"></div>

和这个php:

public function get_oras($code3) { 
echo "<option selected='selected' value='0'>Alege oras</option>";
        $code='PPLA';
        $code2='PPLA2';
        $sql="SELECT * FROM `locatii` WHERE (`feature_code`=:code OR `feature_code`=:code2) AND `admin1_code`=:code3 ORDER BY `asciiname` ASC";
        $stmt = $this->dbh->prepare($sql);
        $stmt->bindParam(':code', $code, PDO::PARAM_STR, 30);
        $stmt->bindParam(':code2', $code2, PDO::PARAM_STR, 30);
        $stmt->bindParam(':code3', $code3, PDO::PARAM_INT);

        $stmt->execute();
        foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $result) 
        {
             $oras[]="<option value='".$result['geonameid']."'>".$result['asciiname']."</option>";

        }
    return $oras;

}

jtml for judetul:

<div class=" h">
 <span class="block">Judetul</span>
  <div class="select6" id="judet">
  <?php $judetul=$db->get_judet(); ?>
  <select name="judetul1" id="judetul1"  >
  <option selected="selected">---</option>
  <?php foreach ($judetul as $val=>$k) { ?>
  <option value="<?php echo $val; ?>"><?php echo $k; ?></option>
  <?php } ?>
  </select>
  </div>
  <div class="clear"></div>
  </div>
  <div class="clear"></div>

问题是: 当我改变judetul1时,我需要填充oras1。 当我更改judetul1选项时,select oras1不会从db获得值。

我该如何解决?

2 个答案:

答案 0 :(得分:0)

我发现代码中有两件事可能导致问题。

首先,在您的HTML中,您不会将来自ajax的收到的值放在“#oras1”中,而是放在“#oras”中:

success: function (msg) {
    $("#oras").html(msg); // use $("#oras1").html(msg);
},

其次,您应该将PHP更改为:

public function get_oras($code3) { 
    $oras .= "<option selected='selected' value='0'>Alege oras</option>"; // make change here
    $code='PPLA';
    $code2='PPLA2';
    $sql="SELECT * FROM `locatii` WHERE (`feature_code`=:code OR `feature_code`=:code2)   AND `admin1_code`=:code3 ORDER BY `asciiname` ASC";
    $stmt = $this->dbh->prepare($sql);
    $stmt->bindParam(':code', $code, PDO::PARAM_STR, 30);
    $stmt->bindParam(':code2', $code2, PDO::PARAM_STR, 30);
    $stmt->bindParam(':code3', $code3, PDO::PARAM_INT);

    $stmt->execute();
    foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $result) 
    {
         $oras .="<option value='".$result['geonameid']."'>".$result['asciiname'].</option>"; // make change here

    }
    return $oras;

}

在将普通的PHP数组发送到JavaScript并且永远无法工作之前。因此需要一些像JSON一样的“序列化”。 在您的情况下,最简单的解决方案是将所有内容放在String中并返回它。 AJAX将是一个String,您只需将其注入HTML即可。另一个解决方案就是回显字符串的每一部分。

答案 1 :(得分:0)

这是我之前开发选择框时遇到的问题。

这里可能会发生两件事。 1.在judetul1中没有触发onchange事件。如果要检查这一点,只需打开一个调试程序到浏览器并观察“网络”,看看是否发送了对其他页面的请求以从db获取值。

注意:在某些版本的jqtransform

中,onchange是一个问题

2.问题可能只是jqtransform'美化'您的选择输入一次(可能在文档准备时间)。 当您更改judetul1中的选项时,它会更新oras1选择框中的选项列表。但是,由于您没有再次调用jqtransform来再次“美化”您的选择输入,因此选项文本不会根据需要更新。

如果您仍需要修复此问题,确实可以解决此问题。