如何替换所有表单输入字段

Question

我试图用它们各自的值替换所有表单输入字段并将它们加下划线但是当我选择下拉列表时，即使我选择第三个或第二个，也只显示第一个值。这是我尝试过的：

jQuery('.btn-print').click(function() {

  jQuery(".form1").find(':input').each(function() {
    if (jQuery(this).val() && jQuery(this).attr('type') !== 'hidden') {

      jQuery.trim(jQuery(this).replaceWith('<u>' + jQuery(this).val() + '</u>'));
    } else if (jQuery(this).val() === '') {
      jQuery(this).replaceWith('________');
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<form class="form1">
  <input type="text" value="ABC" />
  <input type="text" value="DEF" />
  <select name="acces_specfi" class="selectpicker" data-size="10" data-style="btn-info">
    <option value="public">public</option>
    <option value="public">private</option>
  </select>
  <button type="submit" class="btn-print" />
</form>