将选择字段的值克隆到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')