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

时间:2017-02-09 13:34:21

标签: javascript html

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

我想从id&#34; embeddedDateField&#34;中检索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>

文字没有出现。怎么了?

1 个答案:

答案 0 :(得分:3)

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

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