我是Struts2 Web开发的新手。我正在尝试创建一个表单,用户可以在其中输入订单的当前状态。
在表格中,
当用户选择" Order Delivered"时,textarea将显示"订单已交付";
当用户选择"订单已取消"时,textarea将显示"订单已取消";
当用户选择"其他"时,textarea将被解锁,用户可以在其中输入内容。
我的HTML和Javascript代码如下:
function setCompleteReason(reason){
element = document.getElementById("complete_resaon");
switch(reason){
case "delivered":
element.disabled = true;
element.value = "Order Delivered";
break;
case "canceled":
element.disabled = true;
element.value = "Order Canceled";
break;
case "others":
element.disabled = false;
element.value = "";
break;
default:
element.disabled = true;
element.value = "";
}
}
function completeOrderBtn() {
element = document.getElementById("complete_resaon");
if( element.value.length == 0){
alert("Please input something!");
return false;
}
$('#orderForm').attr('action','ordercomplete.action');
$("#orderForm").submit();
}
<select class="form-control" onchange="setCompleteReason(this.value)" id="selectReason">
<option value=""></option>
<option value="delivered">Order Delivered</option>
<option value="canceled">Order Canceled</option>
<option value="others">Other(Please Input)</option>
</select>
<textarea class="form-control" name="ordMVo.complete_reason" id="complete_resaon" cols="10" rows="5" maxlength="100" resize="false" disabled="true"></textarea>
<button type="button" class="btn btn-primary btn-dhl" data-dismiss="modal" onclick="completeOrderBtn(); return false;">Complete</button>
如果用户选择&#34;其他人&#34;并自己输入值。 Struts2可以在我的Java操作中通过 ordMVo.complete_reason 获得textarea的值而没有任何问题。
但是,如果用户选择&#34;订单已发送&#34;或&#34;订单已取消&#34;并让Javascript为textarea创建值,我的Java动作只获得NULL值。
是否有任何特殊方法可以为文本区域设置值并让Struts2 Java操作来获取它?
答案 0 :(得分:1)
禁用的HTML输入元素未提交给Struts2。您应该检查请求中的参数或更好的操作上下文,其中所有参数在填充到操作之前都会存储。
要解决禁用textarea元素的问题,您可以在元素旁边添加隐藏字段
<textarea class="form-control" name="ordMVo.complete_reason" id="complete_resaon" cols="10" rows="5" maxlength="100" resize="false" disabled="true"></textarea>
<input type="hidden" id="hiddenId" name="ordMVo.complete_reason">
提交表单时,应将值设置为隐藏字段
function completeOrderBtn() {
element = document.getElementById("complete_resaon");
if( element.value.length == 0){
alert("Please input something!");
return false;
}
if (element.disabled){
$("#hiddenId").val(element.value);
}
$('#orderForm').attr('action','ordercomplete.action');
$("#orderForm").submit();
}