周易八字研究笔记

表单中的两个控件（单选框、下拉框）：

对应的代码：

<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")