javascript - 如何为文本区域设置值，并使用struts2操作获取它？

Question

我是 Struts2 Web 开发的新手。我正在尝试创建一个表单，用户可以在其中输入订单的当前状态。

在表格中，

当用户选择“订单已交付”时，文本区域将显示“订单已交付”；

当用户选择“订单已取消”时，文本区域将显示“订单已取消”；

当用户选择“其他”时，文本区域将被解锁，用户可以在其中输入内容。

我的 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>

如果用户选择“其他”并自行输入值。 Struts2 可以通过我的 Java 操作中的 ordMVo.complete_reason 获取文本区域的值，没有任何问题。

但是，如果用户选择“订单已交付”或“订单取消”并让 Javascript 为文本区域创建值，我的 Java 操作只会获得 NULL 值。

是否有任何特殊的方法可以为文本区域设置一个值并让 Struts2 Java 操作获取它？

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