表单中的两个控件(单选框、下拉框):

image.png

UHyUThSwExy80Hu+rW9FaQ==

对应的代码:

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

如图:

image.png

eIp+bALX7bKv2NUm6oZSvw==

注意:

js里的选择器的写法,是HTML标签的id追加_text,如上图下拉框的id是c-type_id,则js写法为$("#c-type_id_text")

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。