表单中的两个控件(单选框、下拉框):
对应的代码:
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">{:__('Typedata')}:
</label>
<div class="col-xs-12 col-sm-8">
<div class="radio">
{foreach name="typedataList" item="vo"}
<label for="row[typedata]-{$key}"><input id="row[typedata]-
{$key}" name="row[typedata]" type="radio" value="{$key}"
{in name="key" value="pay"}checked{/in} /> {$vo}
</label>
{/foreach}
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2"{:__('Type_id')}:
</label>
<div class="col-xs-12 col-sm-8">
<input id="c-type_id" data-rule="required" data-
source="basesetting/paytype/selectpage" data-
field="type_name" class="form-control selectpage"
name="row[type_id]" type="text" value="">
</div>
</div>
在对应的js里相应位置加上如下代码即可:
$(document).on("click", "input[type=radio][name='row[typedata]']",
function(){
if($(this).val()=="pay"){
$("#c-type_id_text").data("selectPageObject").option.data =
"basesetting/paytype/selectpage";
}else{
$("#c-type_id_text").data("selectPageObject").option.data =
"basesetting/incometype/selectpage";
}
})
如图:
注意:
js里的选择器的写法,是HTML标签的id追加_text,如上图下拉框的id是c-type_id,则js写法为$(“#c-type_id_text”)