下拉框不工作时,点击第二次
dropdown not working when clicked a second time
我的复选框有问题。如果我选择一个值并进行验证,我不能第二次这样做,它不起作用。查看其他问题,我看到我可能必须使用带有"checked"属性的prop()函数,我这样做了,但它仍然不起作用。
这是我的网站:http://nts.nuvision.co.za/index.php/training/
这是我的javascript:
$('#one').hide();
$('#two').hide();
$('#three').hide();
$('#show').click(function() {
$('#pgc-224-0-1').css("margin-top", "0px");
switch(document.getElementById('trainingcourses').value) {
case 'one':
$('#one').show();
$('#two').hide();
$('#three').hide();
$("#trainingcourses").prop('checked', false);
break;
case 'two':
$('#two').show();
$('#one').hide();
$('#three').hide();
$("#trainingcourses").prop('checked', false);
break;
case 'three':
$('#three').show();
$('#two').hide();
$('#one').hide();
$("#trainingcourses").prop('checked', false);
break;
}
});
这里是我的HTML:
<form id="trainingform">
<select id="trainingcourses" style="font-size: 12pt;">
<option style="font-size: 12pt;" value="one">Sugar and Suite CRM End User Training</option>
<option style="font-size: 12pt;" value="two">Sugar & Suite CRM Advanced End User Training</option>
<option style="font-size: 12pt;" value="three">Sugar and Suite CRM Administrator : Getting Started</option>
</select><input id="show" style="margin-top: -25px; margin-left: 20px;" name="show" type="submit" value="Show more information" onclick="location.href='http://nts.nuvision.co.za/index.php/training/#' + document.getElementById('trainingcourses').value; return false;"/></form>
<div id="one"> (...) </div>
<div id="two"> (...) </div>
<div id="three"> (...) </div>
您将checked
属性设置为选择无效的框。从switch case语句中删除下面的行,它应该可以工作了。
$("#trainingcourses").prop('checked', false);
也不确定这里是否需要一个提交按钮。如果你需要一个简单的按钮,不应该提交页面,然后改变显示按钮type="submit"
到type="button"
。
相关文章:
- Javascript Select OnChange没有'不要第二次工作
- 提交按钮只能在onchange调用输入文本后第二次点击时工作
- Jquery - ZeroClipboard只能在第二次点击中工作
- $.getScript 第二次工作
- jQuery on(change);不要第二次工作
- jQuery.on('点击',function()只在第二次点击时工作
- CasperJS评估函数第二次不工作
- delay()不会'第二次工作jquery
- Jquery网格在第二次加载时不工作
- 它在第二次点击时完成工作,为什么
- 日期选择器 getDate 方法在第二次单击时工作并显示上一个选定的日期
- jsPDF 在第一次保存时工作,在第二次保存时不更新
- JavaScript 我的函数在第二次被点击时将无法工作
- 图库在第二次使用后停止工作
- jQuery 在第二次抠像后停止工作
- Angularjs 登录 cookie 第二次工作
- Angular$location change path第二次工作,而不是第一次
- Javascript OnSubmit不是't第二次工作
- ASP.NET MVC/jQuery/AAJAX:链接第一次无法工作,但第二次工作(在页面重新加载后)
- tinymce图像插入,第二次工作,但不是第一次