Question

我正在尝试在HTML选项值表单选项上使用jQuery ajax函数。

以下是我在HTML中的表单：

<form action="#">
                <table>
                    <tr>
                        <td><label for="gender">Gender</label></td>

                        <select id="gender">
                        <option value="male" selected="selected">Male</option>
                        <option value="female">Female</option>

                        </select> <br />
                        <input>
                        </td>
                        <input type="button" value="SUBMIT" id="getGender"/>

                    </tr>
                </table>
            </form>

这是我的Javascript：

$('#getGender').click(function(){

      if($('#gender').val() == 'male'){

          // do stuff

      }else if ($('#gender').val() == 'female'){

          // do stuff

      }

});

但它没有回答if / else it语句。我做错了什么？

Answer 1

你实际上没有抓住所选的选项..这就是你如何得到它：

$("#gender option:selected" ).val()

<强> [编辑] 正如Nishit Maheta在评论中所提到的，你也可以这样做：

$('#gender').val()

而且，您希望绑定到click选择元素的change事件，而不是#gender事件：

$('#gender').change(function(){
    if($(this).val() === "male"){
        console.log("male")
        // male!
    } else if($(this).val() === "female"){
        console.log("female");
        // female!
    }
});

＆＃13;

$('#gender').change(function(){
    if($(this).val() === "male"){
        console.log("male")
        // male!
    } else if($(this).val() === "female"){
        console.log("female");
        // female!
    }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="gender">
    <option value="male" selected="selected">Male</option>
    <option value="female">Female</option>
</select>

＆＃13;

Answer 2

试试这个。如果你问这个，请检查我的演示。

DEMO : http://jsfiddle.net/jwxLzf6x/

Answer 3

这是关于jsfiddle的工作

https://jsfiddle.net/e892gnhb/

代码

$('#getGender').click(function(){

      if($('#gender option:selected').text() == 'Male'){

          alert('male');

      }else if($('#gender option:selected').text() == 'Female'){

          alert('female');

      }

});

HTML jQuery选择选项值

3 个答案: