Question

我有一个下拉，其中我有价值印度和其他，当我从下拉菜单中选择其他时，我想显示三个文本框，其中两个有日期选择器，第三个是简单的文本框。我在html中编写了以下代码，但我没有在其中获取日期选择器。尝试了很多。再次当我点击印度这三个文本框应该隐藏，并在页面加载时这三个文本框应该被隐藏。我在我的jsp日历中有以下导入的文件。 visafromdate和visatodate将成为datepicker。

    <script language="javascript" src="/js/reseller/popcalendar.js"></script>
    <link href="/css/reseller/popcalendar.css" rel="stylesheet" type="text/css">

遵循Java脚本验证显示/隐藏＆amp;日期选择器

    $(".visafromdate").each(function(){
        $(this).datepicker();
    });

    $(".visatodate").each(function(){
      $(this).datepicker();
    });   


    $('#nationality').change(function(){
       if($(this,':selected').val()=="indian")
       {
          $('label[for=other_nationality],input#other_nationality').hide();
          $('#othernationality').hide();
          $('label[for=visa_from_date],input#visa_from_date').hide();
          $('#visafromdate').hide();
          $('label[for=visa_to_date],input#visa_to_date').hide();
          $('#visatodate').hide();
       }
       if($(this,':selected').val()=="others")
       {
            $('#othernationality').show();
            $('label[for=other_nationality],input#other_nationality').show();
            $('#visafromdate').show();
            $('label[for=visa_from_date],input#visa_from_date').show();
            $('#visatodate').show();
            $('label[for=visa_to_date],input#visa_to_date').show();

       }
  });
  $('label[for=other_nationality],input#other_nationality').hide();
  $('#othernationality').hide();
  $('label[for=visa_from_date],input#visa_from_date').hide();
  $('#visafromdate').hide();
  $('label[for=visa_to_date],input#visa_to_date').hide();
  $('#visatodate').hide();`

这是我用表格标签写的

<label for="visa_from_date">Visa From Date</label>
<input type ="text" id="visafromdate"/>

<label for="visa_to_date">Visa To Date</label>
<input type ="text" id="visatodate"/>

<label for="other_nationality">Other Nationality</label>
<input type ="text" id="othernationality"/>

你可以帮我解决它为什么不起作用吗？

Answer 1

您似乎正在尝试引用ID，就像它们是类一样。 Ids由hash（＃）

引用

试试这个

    $("#visafromdate,#visatodate").datepicker();

当从下拉列表中选择特定值时，想要显示/隐藏具有日期选择器的文本框

1 个答案: