javascript - 按提交后使用 jquery 将值打印到 div 中？

Question

我想制作一个带有选择选项的表单。用户按下提交后，我想将值打印到 div 中。我如何使用 jQuery 做到这一点？

Here's a demo on Codepen .

$(document).ready(function(){
  $( ".p" ).append( $( "h6" ) );
})

Answer 1

除非您打算将该数据发送到服务器，否则不要使用提交按钮。事实上，如果您注册 <select>，您根本不需要按钮。在 change 上事件。而不是 div 使用 <output>这样你就可以使用 .val()无需切换到 .html() 的方法或 .text()

演示

$('#sel').on('change', function() {
  $('#out').val($(this).val())
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<select id='sel'>
  <option value="">----</option>
  <option value="A">A</option>
  <option value="B">B</option>
  <option value="C">C</option>
  <option value="D">D</option>
</select><br/>
<output id='out'></output>