[英]Validate a select box value in jquery
我在弹出窗口中有一个选择框。 如果选择第一个值,则需要调用另一个弹出窗口。 iam使用jQuery即兴弹出窗口,并且具有“ html”和“ submit”功能来分别添加HTML和Submit回调。 有什么方法可以在提交之前验证弹出窗口中的选择框值。
var my_states = {
state0: {
title: 'Name',
html:'<label>First <input type="text" name="fname" value=""></label><br />'+
'<label>Last <input type="text" name="lname" value=""></label><br />',
buttons: { Next: 1 },
//focus: "input[name='fname']",
submit:function(e,v,m,f){
console.log(f);
e.preventDefault();
$.prompt.goToState('state1');
}
},
state1: {
title: 'Check Here',
html:'<table><tr><td><strong>Generate ODEC ID </strong></td><td>:</td><td id=\'gen_odec\' class=\'gen_odec\'> <select name=\'select_odec\' id=\'select_odec\' class=\'select_odec\'>'+<?php echo json_encode($odecpref)?>+'</select></td></tr></table>',
buttons: { Back: -1, Next: 1 },
//focus: ":input:first",
submit:function(e,v,m,f){
console.log(f);
if(v==1) {$.prompt.close();
return false;}
if(v==-1) $.prompt.goToState('state0');
e.preventDefault();
}
},
};
$.prompt(my_states);
编辑1:在选择框中插入'html'和内部,我也尝试了此操作,并附加了一个按钮,但我认为我错过了一些东西-
<input id="clickMe" type="button" value="clickme" onclick="$.prompt(\"Hello!\");" />
也,
<input id="clickMe" type="button" value="clickme" onclick="doFunc()" />
编辑2对此进行了尝试,但也出现错误提示: Uncaught SyntaxError:Unexpected token}
<td id=\'gen\' class=\'gen_odec\'> <select name=\'select_odec\' id=\'select_me\' class=\'select_me\'>'+<?php echo json_encode($odecpref)?>+'</select><input id="clickMe" type="button" value="clickme" onclick="doFunction();function doFunction(){$.prompt("Hello!");}" /></td>
据我了解,您需要添加侦听器以change
您select
事件。 但是由于该选择已动态添加到文档中,因此您应该使用事件委托 。 然后,在处理程序中,检查选择值,然后仅调用目标弹出窗口。 像这样:
$(document).on('change', '#select_odec', function(){
if($(this).val() === 'valueOfDesiredOption') {
$.prompt.goToState('stateYouNeed');
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.