javascript - PHP Populate dropdown with ajax onchange issue 仅限 IE

Question

这个问题让我很头疼。我只是想根据第一个使用 jquery ajax 的选择来填充第二个下拉列表。它适用于所有其他浏览器，包括 Edge，但不适用于 IE 11。

这是ajax函数

    function getProfiles(val) {
   $.ajax({
     cache: false,
     type: 'POST',
     url: 'ajaxDept.php?dept=' + val,
     data: {
       get_option:val
     },
     success: function (response) {
       document.getElementById("comboprofile").innerHTML=response; 
     }

   });
}

这是ajaxDept.php代码

<?php
include('/inc/config.inc.php');

$dbAjax = new Database();
$dbAjax->connect();
$dbAjax->selectDB('cad');
$dept = $_GET['dept'];

$queryAjax = $dbAjax->SelectQuery("SELECT * FROM profile WHERE department='".$dept."' ORDER BY profile_prefix ASC");
foreach($queryAjax as $line)
{
    $prefix = $line['profile_prefix'];
    $profile = $prefix."-".$line['profile_name'];
    $department = $line['department'];
    echo "<option value='".$prefix."'>".$profile."</option>";
}
?>

和 HTML 部分

  <label class="description" for="comboDept">Department</label>
  <div>
    <select class="element select medium" id="comboDept" name="comboDept" onchange="getProfiles(this.value);">
      <option value="" selected="selected"></option>
      <?php echo $comboDept; ?>
    </select>
  </div>
</li>
<li id="li_13">
  <label class="description" for="comboprofile">Profile</label>
  <div>
    <select class="element select medium" id="comboprofile" name="comboprofile">

    </select>
  </div>
</li>

我已经使用 IE 11 运行了调试器，结果为 200/OK

这是 IE 看​​到的请求 URL，这是正确的

请求网址:http://php/CAD/new/ajaxDept.php?dept=IT

当我在 IE 中浏览到该 url 并查看源代码时，它向我显示了带有 <option> 的正确 html 代码。标签。它根本没有填充我的下拉列表。

同样，在我尝试过的所有其他浏览器中都运行良好，所以我不确定这实际上是 jQuery/Ajax 问题还是 IE 处理 HTML 响应的方式。任何帮助将不胜感激。

Answer 1

可能是因为这条线根据这个 post :

document.getElementById("comboprofile").innerHTML=response;

由于您使用的是 jQuery，因此您不妨将该行替换为:

$('#comboprofile').html(response);