javascript - 選択フィールドの値をスパンまたはその他の html 要素に複製します

Question

これはアプリにあるフィールドです。この値をいくつかのスパン要素またはその他の 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')