javascript - 将选择字段的值克隆到 span 或任何其他 html 元素中

Question

这是我在应用程序中的字段，我需要将此值克隆到一些 span 元素或任何其他 html 元素中，因此它将是我从选择器中选择的日期的克隆：

<select id="massmedium_register_date_1i" name="massmedium[register_date(1i)]"></select>
<select id="massmedium_register_date_2i" name="massmedium[register_date(2i)]"></select>
<select id="massmedium_register_date_3i" name="massmedium[register_date(3i)]"></select>

前任：

我选择：15 - 06 - 1982

克隆到：

<span class="date">15</span><span class="date">06</span><span class="date">1982</span>

欢迎任何帮助。谢谢你。

Answer 1

这会给你日期

var d = $('#massmedium_register_date_1i').val();

然后就可以写了

var span = '<span class="date">' + d +'</span><span class="date">06</span><span class="date">1982</span>
';

比附加它

$('body').append(span);

Answer 2

像这样的东西应该工作：

var

day = $('#massmedium_register_date_1i').val(),
month = $('#massmedium_register_date_2i').val(),
year = $('#massmedium_register_date_3i').val()

// Then put this inside your event
var markup = '<span class="day">'+ day +'</span>' +
  '<span class="month">'+ month +'</span>' +
  '<span class="year">'+ year +'</span>'

$(markup).appendTo('#yourContainer')