根據選擇下拉菜單將輸入字段更改為禁用或啟用

Question

我試圖根據下拉菜單的選擇啟用或禁用輸入字段。

代碼在這里擺弄： http : //jsfiddle.net/mwoods98/cr7dW/

$('#getHoldStatus').change(function()
                    {
                        var selected_item = $(this).val()
                        if(selected_item == "On Hold until Candidate Available"){
                            $('#datepicker').val("").removeClass('hidden');
                        }
                        else
                        {
                            $('#datepicker').val(selected_item).addClass('hidden');
                        }
                    }
                    );

在此示例中，您將看到三個日期字段，這些日期字段將使用jquery datepicker

想法是，當頁面首次加載時，以下字段的輸入字段：保留開始日期和保留結束日期將為：不顯示或禁用。

如果選擇了“保留直到候選者可用”，則激活/顯示保留開始日期和保留結束日期。 如果選擇了“保持到位置可用”，則僅“保持開始”日期處於活動狀態/可見。

我找到了一個可以正常工作的腳本，但是當我在頁面上嘗試該腳本時卻無法正常工作。

TIA

Answer 1

我找到了一個可以正常工作的腳本，但是當我在頁面上嘗試該腳本時卻無法正常工作。

如果腳本在jsFiddle上運行而不在您的站點上運行，則可能需要檢查以下內容。

1. 如果jQuery添加成功。
2. 您已將代碼放入document.ready函數中。

* 編輯：*基於OP的評論

在更改事件中，您正在使用val（）將值與應該與值而不是文本進行比較的文本進行比較。

更改

if(selected_item == "On Hold until Candidate Available"){

至

if(selected_item == "3"){

Answer 2

我只是看了看腳本，有幾件事要更改。

1）而不是display：css中沒有顯示更改為顯示：hidden 2）當javascript返回selected_item時，它返回下拉列表的值而不是文本，因此您要檢查if（selected_item ==“ 3”）還是所需的任何數字。

這應該解決問題。