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

【问题标题】：how to put two text inputs values to hidden input如何将两个文本输入值放入隐藏输入
【发布时间】：2013-05-21 16:15:21
【问题描述】：

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

});

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

【问题讨论】：

@Dilini 你能提供更多细节吗？
以上我的 jquery 适用于包含 3 个输入的一个 li 元素内容。我想将 getDate,getMark 值放入包含 3 个输入中间的隐藏输入

标签： javascript jquery html css datepicker

【解决方案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);
})

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

【讨论】：

我还没有测试过，但你可以试试看，在这里参考你的小提琴。
@DiliniWasana：我认为你应该测试它，而不是 c2

【解决方案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);
    });

【讨论】：