Question

我在select元素上有一个onchange属性，我想在另一个函数中获取所选选项的值，我该如何获得它？预先感谢。这是我的HTML

<button type="submit">

stateChange完美地工作但是当我想在波纹管功能中得到它时它总是返回选项1 #create-account是一个按钮的id

    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
       <div class="form-group">
        <select class="form-control" name="country" id="country" onChange="stateChange(this.value)">
         <option>SELECT COUNTRY</option>
          //all countries name like bellow
          <option value="USA"> USA </option>
................
            </select>
        </div>
      </div>
    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
    <div class="form-group">
    <select class="form-control" name="city" id="state">
      <option>SELECT CITY</option>
         </select>
      </div>
    </div>
<div class="form-group btn-field">
    <div class="row">
       <div class="col-sm-12">
            <input type="submit" id="create-account" tabindex="4" class="form-control btn btn-login" value="CREATE ACCOUNT">
       </div>
     </div>
</div>

Answer 1

编辑：问题是您的国家/地区变量是在您的点击功能中定义的。它不存在。所以你需要做的是在全局范围内将javascript代码顶部的country变量声明为这样

        var country="";

        $('#create-account').click(function (e) {
        country = $('#country option:selected').text();
        alert(country);

        });

这是你想要的吗？要显示的值而不是文本？在这种情况下，您只需要获取select标记并使用.val（）运行它以获取值

$('#create-account').click(function (e) {

            var country = $('#country').val();
            alert(country);

        });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="form-control" name="country" id="country" >
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
      <option value="3">Option 3</option>
      <option value="4">Option 4</option>
</select>

<button id="create-account">click</button>

我正在学习jquery，我正在练习并坚持获得选择的选项值

1 个答案: