javascript - 从 div 中检索文本并将其放入表单输入中

Question

   <div id="embeddedExample">
        <div id="embeddedCalendar">
        </div>
        <br/>
        <div id="embeddedDateField" class="dateField">
            Select a date from the calendar above.
        </div>
        <br/>
    </div>

我想从 id 为“embeddedDateField”的 div 中检索当前文本，然后将其放入以下表单中:

<input id="dateInput" type="text" th:field="*{selectedDate}" style=""/>

我现在正在使用这个 JS:

<script>
    // Access the input inside the div with this selector:
    $(function () {
      var myDate = $("#embeddedDateField").val();
      $("#dateInput").val(myDate);
      Console.log(myDate);
    });
</script>

文本没有出现。怎么了？

Answer 1

使用 .text() 检索 div 的文本内容，而不是 .val()。 .val() 用于输入元素..

    $(function () {
      var myDate = $("#embeddedDateField").text();
      $("#dateInput").val(myDate);
    });