javascript - 从 <select> 选择值时启用文本区域

Question

当用户选择“待发货”时，如何启用文本区域？

我有这些代码。

<script>
    function my_func(selectValue){

        if(selectValue=="To Be Shipped") 
        {       
                document.getElementById("trackingNo").disabled="false";
        }
        }
</script>

这是我的表格。

<form action="update_status.php?serial=<?php echo $_GET['serial']?>" method="post">
                    <fieldset>  
                    <h4>Edit Order Status</h4><br>
                    <div id="">
                        <select name="order_status" onchange="my_func(this.value)">
                            <option value="On Process">On Process</option>
                            <option value="Ready for Pickup">Ready for Pickup</option>
                            <option value="To Be Shipped">To Be Shipped</option>
                        </select>                   
                        <label>Tracking Number</label>
                        <input type="text" id="trackingNo" placeholder="Enter Tracking Number" name="tracking_no" disabled>                     
                        <button type="submit" class="btn">Submit</button>
                    </div> 


                    </fieldset>
                </form>

如何修复我的代码？

Answer 1

您将 false 设置为字符串，它应该是一个 bool 值，例如

document.getElementById("trackingNo").disabled=false;

所以你的完整函数应该如下所示

function my_func(selectValue){

    if(selectValue=="To Be Shipped") 
    {       
            document.getElementById("trackingNo").disabled=false;
    }
}

@Ahmed 建议使用一个替代解决方案来使用removeAttribute 函数，因此语法如下所示

document.getElementById("trackingNo").removeAttribute("disabled");