最新公告
  • 欢迎您光临站长源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • 帝国cms form表单内将多选后的结果赋值给隐藏表单

    正文概述 管理员   2024-04-10   162

    在帝国cms里面,想要进行多选,比如地区的多选搜索,那就需要地区多选后的表单全部拼接,然后再传给keyboard字段,所以就需要用到下面的代码:

    html部分代码:

    <label class="area-box-listhover">
        <input class="inputcheckbox" type="checkbox" name="address[]" value="安徽">
        <span class="area-box-name">安徽</span>
    </label>
    <label class="area-box-listhover">
        <input class="inputcheckbox" type="checkbox" name="address[]" value="澳门">
        <span class="area-box-name">澳门</span>
    </label>
    <label class="area-box-listhover">
        <input class="inputcheckbox" type="checkbox" name="address[]" value="重庆">
        <span class="area-box-name">重庆</span>
    </label>
    <label class="area-box-listhover">
        <input class="inputcheckbox" type="checkbox" name="address[]" value="福建">
        <span class="area-box-name">福建</span>
    </label>
    <label class="area-box-listhover">
        <input class="inputcheckbox" type="checkbox" name="address[]" value="广东">
        <span class="area-box-name">广东</span>
    </label>
    
    <input id="hadd" type="hidden" name="keyboard[]"  >

    jQuery代码:

    $(document).ready(function() {
    	$('input[name="address[]"]').change(function() {
    		// 获取选中的复选框的值
    		var address = $('input[name="address[]"]:checked').map(function() {
    		return $(this).val();
    		}).get().join(' '); // 将选中的复选框的值拼接成字 符串,以空格隔开
    
    		// 设置隐藏域的值
    		$('input[id="hadd"]').val(address);
    	});
    	});

     


    站长源码网 » 帝国cms form表单内将多选后的结果赋值给隐藏表单

    发表评论

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    支付宝支付
    微信支付
    余额支付
    ×
    微信扫码支付 0 元