javascript - 在 Bootstrap 标签输入中显示表单值

Question

我有一个带有选择、输入和按钮的表单，我想要的是当我单击按钮来获取选择和输入的值时，我设法做到了这一点，并且它们显示在警报中，我的问题是，我如何连接这两个检索到的值并将它们显示在一个警报中？我可以在 Bootstrap 标签输入中显示它们而不是警报吗？这是我的代码:

$(document).ready(function() {
  $('button').click(function() {
    alert($('input').val());
     alert($('select').val());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<br>
<input type="text">
<button type="button">Get values</button> 
</form>

在 Bootstrap 输入标签中，我该怎么做？这是我的代码:

Answer 1

是的，你可以。检查我对您的代码所做的更改。

$(document).ready(function() {
  $('button').click(function() {
    var str = 'Input value: ' + $('input').val() + ' select value: ' + $('select').val();
    // Alerting your values
    alert(str);
    // Writing them to html element
    $('#element').html(str);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<br>
<input type="text">
<button type="button">Get values</button> 
</form>
<span id="element"></span>