当从<选择>

Enabling a text area when value is selected from <select>

本文关键字：选择 gt lt 当从更新时间：2023-09-26

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

我有这些代码。

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

如何修复我的代码？

如果将false设置为字符串，则它应该是类似的布尔值

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");

尝试将false用作布尔值，而不是字符串。

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

看看这个：JSFiddle.net/siva_hari/9wf5k804

function my_func(selectValue){
        if(selectValue=="To Be Shipped") 
        {       $("#trackingNo").removeAttr('disabled');
        }
    else{
        $('#trackingNo').attr('disabled','disabled');
    }
}