javascript - 使用 JQUERY 从 HTML 中的选择中获取文本

Question

我正在尝试获取所选元素的值并将其显示在控制台上。我已经搜索了所有内容，尝试了所有内容，但没有用。 value1 我明白了，但 value2 和 3 不明白。

如果你有任何其他建议(除了使用Jquery来做这个，请做)

检查一下

 $(document).ready(function() {

        $("button").click(function() {

            var value1 = $("#name-input").val();
            var value2 = $("#place-input").filter(":selected").text();
            var value3 = $("#tecnico-input").find(":selected").text();
            console.log(value1 + ' ' + value2 + ' ' + value3);
       
        });

    });

<form>
                <div class="input-group">
                    <span class="input-group-addon" id="basic-addon1">Name:</span>
                    <input type="text" class="form-control" placeholder="Ex.: John" aria-describedby="basic-addon1" id="name-input">
                </div>

                
                <div class="form-group">
                    <label for="sel1">Place:</label>
                    <select class="form-control" id="sel1" id="place-input">
                      <option value="1">Fixed</option>
                      <option value="2">Mobile</option>
                    </select>
                </div>

                <div class="form-group">
                    <label for="sel2">Technician:</label>
                     <select class="form-control" id="technician-input">
                          <option value="1">Brandon</option>
                          <option value="2">Justin</option>
                          <option value="3">Ryan</option>
                          <option value="4">Tyler</option>
                     </select>
                </div>

        </form>


   

非常感谢您的帮助。

Answer 1

不要在一个标签中使用两个id

$("input[type='button'").on('click',function() {
   var value1 = $("#name-input").val();
   var value2 = $("#place-input option:selected").text();
   var value3 = $("#technician-input option:selected").text();
   console.log(value1 + ' ' + value2 + ' ' + value3);
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" value="click" />
<div class="input-group">
  <span class="input-group-addon" id="basic-addon1">Name:</span>
  <input type="text" class="form-control" placeholder="Ex.: John" aria-describedby="basic-addon1" id="name-input">
</div>
<div class="form-group">
  <label for="sel1">Place:</label>
  <select class="form-control"  id="place-input">
      <option selected value="1">Fixed</option>
      <option value="2">Mobile</option>
  </select>
</div>
<div class="form-group">
   <label for="sel2">Technician:</label>
   <select class="form-control"  id="technician-input">
      <option  value="1">Brandon</option>
     <option value="2">Justin</option>
     <option selected value="3">Ryan</option>
      <option value="4">Tyler</option>
   </select>
</div>