主页 / 问题 / 1079589
Accepted
theblackpost
Asked:2020-02-07 19:49:37 +0000 UTC2020-02-07 19:49:37 +0000 UTC

Ajax如何在select中拉取值？

  • 772

有一个数组：

array (size=5)
  1821175 => 
    array
      'id' => int 1821175
      'name' => string 'Name'
      'statuses' => 
        array
          28235989 => 
            array
              'id' => int 28235989
              'name' => string 'status 1'
              'color' => string '#c1c1c1'
          28235992 => 
            array
              'id' => int 28235992
              'name' => string 'status 2'
              'color' => string '#c1c1c1'
   1931089 => 
    array
      'id' => int 1931089
      'name' => string 'Name 2'
      'statuses' => 
        array
          28235989 => 
            array
              'id' => int 28235989
              'name' => string 'status 3'
              'color' => string '#c1c1c1'
          28235992 => 
            array
              'id' => int 28235992
              'name' => string 'status 4'
              'color' => string '#99ccff'

我用它的 ID 获取每个 Name 的值，如下所示：

<select class="form-control" id="Pipelineselect" name="Pipelineselect">
    <?php
    foreach ($PipeLines as $PipeLine) {
      echo "<option value=".$PipeLine['id'].">".$PipeLine['name']."</option>";
      }
    ?>
</select>

接下来，您需要显示另一个<select></select>，在其中您需要$PipeLine['statuses']为每个选项插入适当的值$PipeLine：也就是说，最终第二个选择中的结果将由ajax加载，它应该看起来像这个：

图片

帮助如何实现这个？

php

2 个回答

  1. 您ajax向服务器发出请求并从服务器返回完成的 json 对象。然后success你查找你的select东西并迭代你$('#select-id')得到的东西并为你的选择json创建元素。option我想我已经说得很清楚了，请随时提出问题。

    • 2
  2. Best Answer

    没有ajax. 您从同一个数组中获取数据。

    <?php

$PipeLines = array(
    1821175 => array(
        'id' => '1821175',
        'name' => 'Name',
        'statuses' => array(
            28235989 => array('id' => '28235989',
                'name' => 'status 1',
                'color' => '#c1c1c1'),
            28235992 => array('id' => '28235992',
                'name' => 'status 2',
                'color' => '#c1c1c1')
        )
    ),
    1931089 => array(
        'id' => '1931089',
        'name' => 'Name 2',
        'statuses' => array(
            28235989 => array(
                'id' => '28235989',
                'name' => 'status 3',
                'color' => '#c1c1c1'),
            28235992 => array(
                'id' => 28235992,
                'name' => 'status 4',
                'color' => '#99ccff'
            )
        )
    )
);
print_r($PipeLines);

?>

<select class="form-control" id="Pipelineselect" name="Pipelineselect">
    <?php
    $Keys = array();
    echo "<option value=''></option>";
    foreach ($PipeLines as $ke=>$PipeLine) {
        echo "<option value=".$PipeLine['id'].">".$PipeLine['name']."</option>";
    }
    ?>
</select>
<?php
foreach ($PipeLines as $key=>$PipeLine) {
    echo '<select class="form-control" id="'.$key.'" name="'.$key.'" hidden>';
    foreach ($PipeLine['statuses'] as $status)
    echo "<option value=".$status['id'].">".$status['name']."</option>";
    echo '</select>';
}
?>

<script language="JavaScript">
    let z = JSON.parse('<?php print_r(json_encode($PipeLines))?>');
    Object.keys(z).forEach(function (key){
        var Press = z[key]['id'];

        document.getElementById("Pipelineselect").addEventListener("change", function() {
            var e = document.getElementById("Pipelineselect");
            var strUser = e.options[e.selectedIndex].value;
            if (strUser == Press) {
                document.getElementById(Press).hidden = false;
            }else {
                document.getElementById(Press).hidden = true;
            }
        });
    });
</script>
    • 2

相关问题