Javascript 从div中检索文本并放入表单输入

Javascript 从div中检索文本并放入表单输入,javascript,html,Javascript,Html,我想从id为embeddedDateField的div中检索当前文本,然后将其转换为以下形式: <div id="embeddedExample"> <div id="embeddedCalendar"> </div> <br/> <div id="embeddedDateField" class="dateField"> Select a d

我想从id为embeddedDateField的div中检索当前文本,然后将其转换为以下形式:

   <div id="embeddedExample">
        <div id="embeddedCalendar">
        </div>
        <br/>
        <div id="embeddedDateField" class="dateField">
            Select a date from the calendar above.
        </div>
        <br/>
    </div>
我现在正在使用这个JS:

<input id="dateInput" type="text" th:field="*{selectedDate}" style=""/>
文本没有出现。怎么了?

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

<script>
    // Access the input inside the div with this selector:
    $(function () {
      var myDate = $("#embeddedDateField").val();
      $("#dateInput").val(myDate);
      Console.log(myDate);
    });
</script>
使用.text检索div的文本内容,而不是.val。val用于输入元素

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

div不能有val。您将为此目的使用文本div不能有val。您将为此目的使用文本。这起作用了。是否有一种简单的方法来侦听embeddedDateField中的更改?使用$dateInput.oninput,函数{…};倾听输入的变化,但当您以编程方式更改值时,它将不起作用。如果答案解决了您的问题,请将其标记为正确答案..:凉的这起作用了。是否有一种简单的方法来侦听embeddedDateField中的更改?使用$dateInput.oninput,函数{…};倾听输入的变化,但当您以编程方式更改值时,它将不起作用。如果答案解决了您的问题,请将其标记为正确答案..: