Question

大家好我是javascript的新手，我正在使用chart.js图表，它根据下拉按钮更新自己。我想更新另一个叫做解释的div，对图表发表评论。

gogo是列出外植ID的对象。 log.console（gogo）可以输出[15,16]或[15,16,17,18]。我需要为每个解释id在解释div中创建一个新的div

我试过了：

$(".pick-chart").change(function(e) {
    e.preventDefault();
    var val = $(this).val();
    if (val != 0) {
                info_process.data.datasets[1].data = info_array[val];
                info_process.update();
                stringval = JSON.stringify(val)
                gogo = opposed_model[val]
                for(var x = 0; x < gogo.length; x++){
                  $("#explanation").append("<b>gogo[x]</b>");
                }
                document.getElementById('explanation').innerHTML = gogo;

            } else {
        info_process.data.datasets[1].data = [];
        document.getElementById('explanation').innerHTML = "";
    }
    info_process.update();
});

HTML：

<div class="col">
          <div class="card box-shad">
            <h5 class="card-header text-center bg-dark text-white">Action</h5>
            <div class="card-body">
              Text - Test
              <div id="explanation">

              </div>
            </div>
        </div>
      </div>

我无法让它发挥作用，任何想法？

Answer 1

你有几个问题：

而不是$("#explanation").append("<b>gogo[x]</b>");做$("#explanation").append("<b>"+gogo[x]+"</b>");。请注意字符串连接的发生方式。
删除document.getElementById('explanation').innerHTML = gogo;这会覆盖#explanation的html。

下拉菜单更改的动态说明div

1 个答案: