如何为textarea设置值,并使用struts2动作获取它?

时间:2017-10-06 03:09:33

标签: javascript html

我是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操作来获取它?

1 个答案:

答案 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();
}