-1

私のHTML： 

   <li style="display: none;">
    <span class="add-on"></span>
    <input class="" type="text" value="" style="display: none;">
    <input class="" type="hidden" name="BIOLOGY" value="" style="display: none;">
    <input class="datepicker" type="date">
    </li>

    <li>
    <span class="add-on">Ecconomics</span>
    <input class="Ecconomics" type="text" value="">
    <input class="Ecconomics" type="hidden" name="ECONOMICS" value="">
    <input class="datepicker" type="date">
    </li>

    <li>
     <span class="add-on">Business Study</span>
     <input class="Business Study" type="text" value="">
     <input class="Business Study" type="hidden" name="BUSINESS STUDIES" value="">
     <input class="datepicker" type="date">
   </li>

私のjQuery：

$(document).on('keyup', function() {
    var getDate = $(".datepicker").val();
    var getMark = $("li > span + input").val();
    var plusVal = getDate + getMark;

    $(".picker").val(plusVal);

});

入れたい。datepickerJavaScript/jQuery を使用して、class 値と最初のテキスト入力値を非表示の入力値に変換します。上記のコードを使用して実行しようとしましたが、うまくいきませんでした。<li>上記の 3 つの入力TEXT、HIDDEN、および DATEPICKERを含む多くのタグがあります。それ、どうやったら出来るの？

4

2 に答える 2

1

各 Li 要素をループして、内部の入力を取得します。次のようになります。

$('li').each(function(){
  var self= $(this);
  var getDate= self.find('.datepicker').val();
  var getMark= self.find('span + input').val();
  var plusVal = getDate + getMark;

  self.find('.datepicker').val(plusVal);
})

最適化もテストもされていません。しかし、あなたはその考えを理解します。

于 2013-05-21T16:26:18.840 に答える