miniUI 前台的一个小功能

本文介绍了一种根据参数类型动态展示单或多输入框的方法。通过JavaScript和jQuery实现对不同类型的响应,确保用户界面根据选择更新显示相应的输入区域。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

需求是这样的:当参数类型为1:单值的时候,则只显示一个前值;当参数类型为2:多值时,则显示前值以及后值两个input框

前台jsp的相关代码:

<tr>
<td class="tab_label tab_align_r">参数类型:</td>
<td class="tab_field_nr" colspan="3"><input id="businesskey" name="businesskey" class="mini-combobox" url="${base}/sys/ggzd/getGgzdList.nut?groupId=BUSINESS_KEY"style="width: 100%;" required="true" style="width: 100%;" textField="zdName" valueField="zdValue"
value="${modelParam.businesskey}" onvaluechanged="showParam()" /></td>
</tr>

<tr>
<td class="tab_label tab_align_r">前值:</td>
<td class="tab_field_nr" colspan="3"><input class="mini-textarea" style="width: 95%; height: 50px;" id="param1" name="param1"
cols="50" rows="6" value="${modelParam.param1}" /></td>
</tr>
<tr id="param22">
<td class="tab_label tab_align_r">后值:</td>
<td class="tab_field_nr" colspan="3"><input class="mini-textarea" style="width: 95%; height: 50px;" id="param2" name="param2"
cols="50" rows="6" value="${modelParam.param2}" /></td>
</tr>


js的相关代码:

//这是打开页面加载时判断隐藏
$(function() {
var isShow=mini.get("businesskey").getValue();
if(isShow=='1'){
$("#param22").hide();
}else{
$("#param22").show();
}
});

//这是打开后编辑时 点击单值则变单框,点多值则变多框

function showParam(){
var isShow=mini.get("businesskey").getValue();
if(isShow=='1'){
$("#param22").hide();
mini.get("param2").setValue("");
}else{
$("#param22").show();
}
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值