javascript - JQUERY HTML DIV 根据标签值隐藏和显示

Question

我有一个标签，它显示基于用户操作的动态值。例如 1 或 2。如果标签值为“1”，我想显示 id="charts_div"的 div 元素如果值为“2”，我想隐藏 div 元素这个例子尽可能地简化了，所以我可以得到我陷入困境的基本想法

HTML

<label id="label"></label>
 <div id="chart1_div" style="width:100%; height:200px"></div>
 <div id="chart2_div" style="width:100%; height:200px"></div>

JQUERY

$(document).ready( function() {
$('#label').bind('change', function (e) { 
if ($('#label').text() == "1")
{
$('#chart1_div').show();
$('#chart2_div').hide();

}
else if $('#label').text()=="2")
{
  $('#chart1_div').hide();
  $('#chart2_div').show();
}         
}).trigger('change');
});

Answer 1

您无法将 change 事件绑定(bind)到没有此类事件的元素。将此更改逻辑放入实际更改标签文本的事件中。