javascript - 根据选择下拉选项将输入字段更改为禁用或启用

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

I found a script that works but when I try it on my page its not working.

如果脚本在 jsFiddle 上运行而不是在您的网站上运行，则可能需要检查以下内容。

1. 如果 jQuery 添加成功。
2. 您已将代码放入 document.ready 函数中。

*编辑:*基于OP的评论

在更改事件中，您使用 val() 比较值与文本，您应该与值而不是文本进行比较。

更改

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

至

if(selected_item == "3"){