0

我正在尝试根据下拉菜单的选择启用或禁用输入字段。

代码在这里摆弄：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

4

2 回答 2

2

我找到了一个有效的脚本，但是当我在我的页面上尝试它时它不起作用。

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

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

*编辑：*基于 OP 的评论

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

改变

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

到

if(selected_item == "3"){
于 2013-04-01T17:38:31.237 回答
1

我刚刚看了看脚本，有几件事你想改变。

1) 而不是 display:none in css change to visibility:hidden 2) 当 javascript 返回一个 selected_item 它返回下拉列表的值而不是文本所以你想检查 if(selected_item=="3") 或任何你需要的数字.

这应该解决问题。

于 2013-04-01T17:54:36.973 回答