问如何制作将文本放入文本字段的下拉菜单

EN

<p>Waffles <span id="whatarewaffles"></span></p>
<p>
    <label>What's with the waffles? 
        <select id="wafflemachine">
            <option value="are good">they are good</option>
            <option value="are delicious">they are delicious</option>
        </select>
    </label>
</p>

<script>
document.getElementById("wafflemachine").onchange = function() {
    document.getElementById("whatarewaffles").innerHTML = this.options[this.selectedIndex].value;
};
</script>

<select id="data1">
  <option value="good">good</option>
  <option value="too good">too good</option>
  </select>
<input type="text" id="data2" value="Waffles good"/>

$("#data1").val("good").change(function(){
var k=($("#data1").find(":selected").text());
    $("#data2").val('Waffles'+k);

});

$('#selectme').change(function(){
  $("#sentence").html('Waffles');
  answer = $(this).val();
  $("#sentence").append(answer);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="selectme">
  <option value= "">Please Select</option>
  <option value= " are Good">are Good</option>
  <option value= " are Bad">are Bad</option>
</select>
<p id="sentence">Waffles</p>