假设我有一个车把模板,它有两个列表选择控件,第一个选定值将决定第二个列表控件的动态内容,我为第一个列表定义了select事件JavaScript处理程序
<select class="form-control" id="list1" name="list1" onchange="onFirstSel(this);">
<option value="">{{{__ "Choose a item"}}}</option>
{{#each lst}}
<option value="{{this.itemId}}">{{this.itemId}}</option>
{{/each}}
</select>
<select id="list2" >
initial options
</select>
我注册了一个Handlebar帮助函数,它将根据list1的选定值生成list2的动态内容
hbs.registerAsyncHelper('gen_list2_content',function(itemId,callback){ .... })
在脚本部分,我实现了第一个的select事件处理程序。
<script>
function onFirstSel(sel) {
var itemId = sel.value;
$("#list2").empty();
//$("#list2").append( return value of handlebar gen_list2_content)
}
</script>
我想调用HandleBar辅助函数gen_list2_content来刷新 list2内容当第一个列表选择改变时,是否可能?