Javascript Bootstrap JQuery:对所选项目的下拉菜单验证
我有以下twitter引导下拉菜单,它是表单的一部分: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==选中){ 警报
站台:
挑选
加载页面后,当用户选择一个项目时,我将使用此选项
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');
});