In Empire CMS, if you need to implement a multiple-selection feature—such as a multi-select regional search—you must concatenate all the forms generated after the regional selection process and then pass them to the `keyboard` field. For this purpose, the following code can be used:
HTML code snippet:
<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 code:
$(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);
});
});