javascript - 如何获取选择类型名称和选择的值

Question

我遇到了一个有趣的问题!

使用 JQuery 我想获取选择类型的名称属性和所选选项的值。 在这个例子中我想要这个结果

var selectTypeName = "cars"
var selectedOption = "volvo"

谢谢!

$( "select" )
  .change(function() {
    var str = "";
    $( "select option:selected" ).each(function() {
      str += $( this ).text() + " ";
    });
    $( "div" ).text( str );
  })
  .trigger( "change" );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="/action_page.php">
<select name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
<input type="submit">
</form>

Answer 1

我已经更新了你的 fiddle :

https://jsfiddle.net/9oj3ufL0/12/

$( "select" )
  .change(function() {
    var str = "";
    $( "select option:selected" ).each(function() {
        var selectTypeName = $(this).closest("select").attr("name");
      var selectedOption = $( this ).text();
      str += "selectTypeName: " + selectTypeName + ",  selectedOption:" + selectedOption + " ";
    });
    $( "div" ).text( str );
  })
  .trigger( "change" );

我添加了一个 on html 部分。