Javascript 根据下拉列表中的值显示字段（文本框和标签）

默认情况下，我有一个带有选定值的下拉列表。我的想法是，当该值位于默认选定值时加载字段。我该怎么做？我试图在div上使用onload，但我对javascript知之甚少

这是我的javascript代码

function check()
{
    $(document).ready(function() 
    {  
        if($('#status').val() == 'Cancelled' || $('#status').val() == 'Hold')
        {
            $('#prf').show();
            $('#lblreason').show();
            $('#lbldate').show();   
            $('#reason').show();
            $('#date').show();
            if($('#status').val() == 'Cancelled')
           {
            document.getElementById("lblreason").innerHTML = "Cancellation Reason";
            document.getElementById("lbldate").innerHTML = "Date of Cancellation";
           }    

            if($('#status').val() == 'Hold')
           {
            document.getElementById("lblreason").innerHTML = "Hold Reason";
            document.getElementById("lbldate").innerHTML = "Date of Hold";
           }  
        }
        else
        {
            $('#prf').hide();
            $('#lblreason').hide();
            $('#lbldate').hide();   
            $('#reason').hide();      
            $('#date').hide();
        }
    }
}    

HTML

您不能在div上使用onload

您只需要在check函数中取出代码

//功能检查 //{ $document.readyfunction{ 如果$'status'.val=='Cancelled'|$'status'.val=='Hold' { $‘prf’。显示； $'lblreason'.show； $'lbldate'.show； $‘原因’。显示； $‘日期’。显示； 如果$'status'.val=='Cancelled' { document.getElementByIdleBlReason.innerHTML=取消原因； document.getElementByIdleBlDate.innerHTML=取消日期； } 如果$'status'.val=='Hold' { document.getElementByIdleBlReason.innerHTML=保留原因； document.getElementByIdleBlDate.innerHTML=保留日期； } } 其他的 { $'prf'。隐藏； $'lblreason'。隐藏； $'lbldate'。隐藏； $‘原因’。隐藏； $'date'。隐藏； } };

---

//}使用更改事件尝试此示例：

$function{ 变量prf=$'prf'，lblreason=$'lblreason'，lbldate=$'lbldate'； var funcMap={}； funcMap.summent=函数{ prf.hide； }; funcMap.Cancelled=funcMap.Hold=functiontext{ prf.show； lblreason.texttext+“原因”； lbldate.text“日期”+文本； }; $“状态”。关于“更改”，函数E{ var val=该值； funcMap[val]val； }.trigger'change'；//在页面加载时 }; 优秀的 服务 取消 持有

---

从div中移除onload也会丢弃支票，将其内容移出正文。这样做了，但没有任何改变。没有发生任何事情。当然。这个提琴不支持php，所以我不能给你工作提琴。它只是告诉您需要对代码做什么。

<div id = "prf" onload="check()" style ="display:none;">

            <label class='listnames' id ='lblreason' style = 'width:150px; '></label>
            <input type='text' name = 'status_reason' value = '<?=$status_reason?>' id ='reason' class='required-fields' style = ""/>
            <label class='listnames' id ='date' style ='width:150px; '></label>
            <input type='date' id ='lbldate' name='status_date' placeholder='mm/dd/yyyy' autocomplete='off' value ='<?=$status_date?>' style='height: 24px; ' class='required-fields'>

            </div>

<select class="required-fields" id = "status" name="status" onload="check()" <?php if($prf_status == "Served") { echo "disabled"; } ?> >
                <option value = "Outstanding" <?php if($prf_status == "Outstanding") { echo "selected = 'selected'"; } ?> >Outstanding</option>
                <option value = "Served" disabled <?php if($prf_status == "Served") { echo "selected = 'selected'"; } ?> >Served</option>
                <option value = "Cancelled" <?php if($prf_status == "Cancelled") { echo "selected = 'selected'"; } ?> >Cancelled</option>
                <option value = "Hold" <?php if($prf_status == "Hold") { echo "selected = 'selected'"; } ?> >Hold</option>
            </select>