Question

我的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);

});

我想使用JavasScript / jQuery将。datepicker类值和第一个文本输入值放入隐藏的输入值。我试图使用上面的代码，但没有运气。我有很多<li>个标签，其中包含3个输入 TEXT，HIDDEN和DATEPICKER 。我该怎么做？

Answer 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);
})

它没有经过优化或测试。但是你明白了。

Answer 2

试试这个

jQuery('li input[type=text]').keyup(function(e){
       var getMark = jQuery(this).val();
       var li = jQuery(this).closest('li');
       var getDate = li.find('.datepicker').val();
       var Hfield = li.find('input[type=hidden]');
       Hfield.val(getMark + getDate);
    });

如何将两个文本输入值放入隐藏输入

2 个答案: