Anzeigen [Objekt HTMLInputElement] - JavaScript

Question

Ich benutze Javascript, um den Wert aus dem SPAN-Element zu extrahieren, dann legen Sie es in einem versteckten Formularfeld, und senden Sie die Daten, aber warum bekomme ich dieses Ergebnis?

<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> 

Javascript:

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

Ausgang:

Time: [object HTMLInputElement] will... 

Answer 1

Verwendung von JavaScript & jQuery den Wert der Spanne zu extrahieren:

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

Edit: Oder einfach nur:

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

Lesen Sie mehr darüber, wie Textknoten eines Elements in diesen link

und jetzt, um es in dem versteckten Formularfeld setzen:

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

Answer 2

Das sind zwei Probleme in Ihrem Code

1. $("#CDMFOCTtimer").val(CDMFOCTtimer); sollte durch $("#CDMFOCTtimer").val(CronSaati); ersetzt werden, um den versteckten Feldwert Ihrer Spanne anzugeben.

2. Sie haben CronSaati als Variable festgelegt. var CronSaati = $('.CDMFOCT-span').html();

So starten

$("#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()); 
 

 
});

<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>