您的位置 首页 php技术

FastAdmin前端系列分享–监听表单单选框,跟据取值动态修改动态下拉列表selectpage的

表单中的两个控件(单选框、下拉框): UHyUThSwExy80Hu+rW9FaQ== 对应的代码: <…

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

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

本文来自网络,不代表MuKe网站资源立场,转载请注明出处:https://www.somke.cn/archives/88

作者: delon

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

联系我们

在线咨询: QQ交谈

邮箱: lon_mail@qq.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部