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 を使用する 3 つの日付フィールドが表示されます

アイデアは、ページが最初にロードされたときに、[保留開始日] と [保留終了日] の入力フィールドが [非表示] または [無効] のいずれかになるということです。

「候補者が利用可能になるまで保留中」が選択されている場合、保留開始日と保留終了日の両方がアクティブ化/表示されます。「ポジションが利用可能になるまで保留中」が選択されている場合は、保留開始日のみがアクティブ/表示されます。

機能するスクリプトを見つけましたが、自分のページで試してみると機能しません。

ティア

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) CSS の display:none の代わりに visibility:hidden に変更します 2) javascript が selected_item を返すと、テキストではなくドロップダウンの値が返されるため、if(selected_item=="3") または必要な数値を確認する必要があります.

これで問題は解決するはずです。

于 2013-04-01T17:54:36.973 に答える