Javascript Bootstrap JQuery:对所选项目的下拉菜单验证

Javascript Bootstrap JQuery:对所选项目的下拉菜单验证,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我有以下twitter引导下拉菜单,它是表单的一部分: 站台: 挑选 加载页面后,当用户选择一个项目时,我将使用此选项 var平台=(“平台:+$(“#下拉菜单_title2”).text(); $('#printform').html(平台); 将下拉值设置为var,然后使用 我现在想验证这个下拉列表,检查一个项目是否被选中,以及默认值“select”是否被更改 以下是我尝试过的: var selected=“选择” 如果($(“#下拉标题1”).text==选中){ 警报

我有以下twitter引导下拉菜单,它是表单的一部分:


站台:
挑选
加载页面后,当用户选择一个项目时,我将使用此选项

var平台=(“平台:+$(“#下拉菜单_title2”).text();
$('#printform').html(平台);
将下拉值设置为var,然后使用


我现在想验证这个下拉列表,检查一个项目是否被选中,以及默认值“select”是否被更改

以下是我尝试过的:

var selected=“选择”
如果($(“#下拉标题1”).text==选中){
警报(“请填写缺失的详细信息”);
}
但是,运行代码时,不会显示警报对话框。有人知道我哪里出错了吗

textboxs的当前验证(下拉验证将添加到此方法)


您似乎将引导中的
下拉列表
控件与
选择
元素混淆了。下拉列表可以手动配置为选择控件,但您需要自己完成

对于初学者来说,只要单击
下拉菜单中的链接,就可以进行任何操作。
可以使用委托事件处理程序执行此操作,如下所示:

$(“.dropdown”)。在(“单击”,“li a”,函数(){
//点击这里
});  
进入后,您可以获得当前选择锚的文本,如下所示:

var platform=$(this).text();
然后将其应用于任何其他您希望存储该信息的控件。如果您没有以某种方式将其持久化,则下拉控件将没有先前所选选项的内存。您可以将其添加到下拉菜单按钮或其他文本字段,如下所示:

$(“#下拉标题2”).html(平台);
$('#printform').html(平台);
更新: 如果要在验证时检查该值,只需检查保存该值的任何位置。如果你把它添加到屏幕上,你可以在那里查看它。如果不需要将其显示在任何位置,则可以将其作为数据属性添加到下拉菜单中。现在有一种方法可以做到:

$(“#发送请求”)。单击(函数(){
var platform=$(“#下拉标题2”).html();
变量isValid=(平台!=='Select')
如果(!isValid){
警报(“请填写缺失的详细信息”);
}否则{
警报(“感谢您提交”);
}
});

如果您需要更具体的内容,我建议您使用此小提琴作为起始模板,并获得一个工作示例,以再现您遇到的确切问题。您似乎将引导中的
下拉列表
控件与
选择
元素混淆了。下拉列表可以手动配置为选择控件,但您需要自己完成

对于初学者来说,只要单击
下拉菜单中的链接,就可以进行任何操作。
可以使用委托事件处理程序执行此操作,如下所示:

$(“.dropdown”)。在(“单击”,“li a”,函数(){
//点击这里
});  
进入后,您可以获得当前选择锚的文本,如下所示:

var platform=$(this).text();
然后将其应用于任何其他您希望存储该信息的控件。如果您没有以某种方式将其持久化,则下拉控件将没有先前所选选项的内存。您可以将其添加到下拉菜单按钮或其他文本字段,如下所示:

$(“#下拉标题2”).html(平台);
$('#printform').html(平台);
更新: 如果要在验证时检查该值,只需检查保存该值的任何位置。如果你把它添加到屏幕上,你可以在那里查看它。如果不需要将其显示在任何位置,则可以将其作为数据属性添加到下拉菜单中。现在有一种方法可以做到:

$(“#发送请求”)。单击(函数(){
var platform=$(“#下拉标题2”).html();
变量isValid=(平台!=='Select')
如果(!isValid){
警报(“请填写缺失的详细信息”);
}否则{
警报(“感谢您提交”);
}
});

如果您需要更具体的内容,我建议您使用此小提琴作为起始模板,并获得一个工作示例,以再现您遇到的确切问题。您似乎将引导中的
下拉列表
控件与
选择
元素混淆了。下拉列表可以手动配置为选择控件,但您需要自己完成

对于初学者来说,只要单击
下拉菜单中的链接,就可以进行任何操作。
可以使用委托事件处理程序执行此操作,如下所示:

$(“.dropdown”)。在(“单击”,“li a”,函数(){
//点击这里
});  
进入后,您可以获得当前选择锚的文本,如下所示:

var platform=$(this).text();
然后将其应用于任何其他您希望存储该信息的控件。如果您没有以某种方式将其持久化,则下拉控件将没有先前所选选项的内存。您可以将其添加到下拉菜单按钮或其他文本字段,如下所示:

$(“#下拉标题2”).html(平台);
$('#printform').html(平台);
更新: 如果要在验证时检查该值,只需检查保存该值的任何位置。如果你把它添加到屏幕上,你可以在那里查看它。如果你不需要我
$(document).ready(function () {
    @*Validation for Empty fields with name formpart*@
    $('#SendRequest').click(function (e) {
        var isValid = true;            
        $("[name='formpart']").each(function () {
            if ($.trim($(this).val()) == '') {
                isValid = false;
                $(this).css({
                    "border": "1px solid red",
                    "background": "#FFCECE"
                });
            }
            else {
                $(this).css({
                    "border": "",
                    "background": ""
                });
                $("#basicModal").modal('show');
            }
        });
        if (isValid == false)
            alert('Please fill in missing details');
        else
            alert('Thank you for submitting');
    });