查看[object HTMLInputElement] - JavaScript

时间:2016-09-08 10:49:14

标签: javascript jquery html

我使用javascript从SPAN元素中提取值,然后将其放在隐藏的表单字段中,然后提交数据,但为什么我会得到这个结果?

fileEncoding

使用Javascript:

<form onsubmit="CDMFOCT()" id="CDMFOCTform">
    <div class="CDMFOCT"></div>
    <span class="CDMFOCT-span"></span>
    <input type="hidden" name="CDMFOCTtimer" id="CDMFOCTtimer" value="not yet defined"> 
</form>

输出

function CDMFOCT() {
    CronSaati = $('.CDMFOCT-span').html();
    $("#CDMFOCTtimer").val(CDMFOCTtimer);
    $("#CDMFOCTform").submit();
};

2 个答案:

答案 0 :(得分:1)

代码中有两个问题

  1. $("#CDMFOCTtimer").val(CDMFOCTtimer);应替换为$("#CDMFOCTtimer").val(CronSaati);,以提供跨度的隐藏字段值。

  2. 您已将CronSaati设为变量。 var CronSaati = $('.CDMFOCT-span').html();

  3. 所以试试这个

    &#13;
    &#13;
    $("#CDMFOCTform").submit(function() {
      var CronSaati = $('.CDMFOCT-span').html();
      $("#CDMFOCTtimer").val(CronSaati);
    
      // just for showing the html content of your span has been inserted into hidden input field
      alert($("#CDMFOCTtimer").val());
    
    });
    &#13;
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <form id="CDMFOCTform" method="post" action="">
      <div class="CDMFOCT"></div>
      <span class="CDMFOCT-span">Hello</span>
      <input type="hidden" name="CDMFOCTtimer" id="CDMFOCTtimer" value="not yet defined">
      <input type="submit" name="CDMFOCTsubmit">
    </form>
    &#13;
    &#13;
    &#13;

答案 1 :(得分:0)

使用JavaScript&amp; jQuery提取span的值:

var node = $('.CDMFOCT-span')[0].childNodes[0].nodeValue;

编辑或者只是简单地说:

var node = $(.CDMFOCT-span).text();

详细了解如何在此link

中获取元素的文本节点

现在把它放在隐藏的表单字段中:

$("input#CDMFOCTtimer").val(node);