Javascript HTML jQuery选择选项值

我试图在HTML选项值表单选择上使用jQueryAjax函数

这是我的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>

---

但它不符合if/else-It语句。我做错了什么？

您实际上并没有抓住所选选项。。以下是您将如何获得它：

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

[编辑] 正如Nishit Maheta在评论中提到的，您也可以：

$('#gender').val()

并且，您希望绑定到您的

#gender

选择元素的

change

事件，而不是

click

事件：

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

$（'#性别'）。更改（函数（）{
if（$（this.val（）=“male”）{
控制台日志（“男性”）
//男！
}else if（$（this.val（）=“female”）{
控制台日志（“女性”）；
//女的！
}
});

男性
女性
您实际上并没有抓取所选选项。。以下是您将如何获得它：

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

[编辑]
正如Nishit Maheta在评论中提到的，您也可以：

$('#gender').val()

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

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


$（'#性别'）。更改（函数（）{
if（$（this.val（）=“male”）{
控制台日志（“男性”）
//男！
}else if（$（this.val（）=“female”）{
控制台日志（“女性”）；
//女的！
}
});

男性
女性
您实际上并没有抓取所选选项。。以下是您将如何获得它：

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

[编辑]
正如Nishit Maheta在评论中提到的，您也可以：

$('#gender').val()

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

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


$（'#性别'）。更改（函数（）{
if（$（this.val（）=“male”）{
控制台日志（“男性”）
//男！
}else if（$（this.val（）=“female”）{
控制台日志（“女性”）；
//女的！
}
});

男性
女性
您实际上并没有抓取所选选项。。以下是您将如何获得它：

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

[编辑]
正如Nishit Maheta在评论中提到的，您也可以：

$('#gender').val()

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

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


$（'#性别'）。更改（函数（）{
if（$（this.val（）=“male”）{
控制台日志（“男性”）
//男！
}else if（$（this.val（）=“female”）{
控制台日志（“女性”）；
//女的！
}
});

男性
女性

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

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

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

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

这是在JSFIDLE上工作的一个

https://jsfiddle.net/e892gnhb/

代码

这是在JSFIDLE上工作的一个

https://jsfiddle.net/e892gnhb/

代码

这是在JSFIDLE上工作的一个

https://jsfiddle.net/e892gnhb/

代码

这是在JSFIDLE上工作的一个

https://jsfiddle.net/e892gnhb/

代码

$（“#性别”）.val（）
给出相同的结果
$（“#性别”）.val（）
给出相同的结果
$（“#性别”）.val（）
给出相同的结果
$（“#性别”）.val（）
调用
$（“#getGender'）
时给出相同的结果？代码是否进入了click方法？控制台中有错误吗？我们需要更多的细节来帮助您。将代码包装到ready（）函数中。确保添加了jquery lib为什么提到ajax？什么时候调用了
$（'#getGender'）
？代码是否进入了click方法？控制台中有错误吗？我们需要更多的细节来帮助您。将代码包装到ready（）函数中。确保添加了jquery lib为什么提到ajax？什么时候调用了
$（'#getGender'）
？代码是否进入了click方法？控制台中有错误吗？我们需要更多的细节来帮助您。将代码包装到ready（）函数中。确保添加了jquery lib为什么提到ajax？什么时候调用了
$（'#getGender'）
？代码是否进入了click方法？控制台中有错误吗？我们需要更多的细节来帮助您。将代码包装到ready（）函数中。确保您已经添加了jquery，为什么要提到ajax？。这是一个使用jquery val（）方法的函数。如果这个答案对您有帮助，请勾选为正确答案。感谢您为我澄清zer0fl4g，我不知道。我刚做了。。这是一个使用jquery val（）方法的函数。如果这个答案对您有帮助，请勾选为正确答案。感谢您为我澄清zer0fl4g，我不知道。我刚做了。。这是一个使用jquery val（）方法的函数。如果这个答案对您有帮助，请勾选为正确答案。感谢您为我澄清zer0fl4g，我不知道。我刚做了。。这是一个使用jquery val（）方法的函数。如果这个答案对您有帮助，请勾选为正确答案。感谢您为我澄清zer0fl4g，我不知道。我就这么做了。