我正在设置一个由输入,复选框和表单提交表单组成的页面。Javascript代码和HTML标记
当我加载页面,不管我以前保存的设置,它说明不了什么下面<select class="required-entry">
如何编辑的JavaScript代码,使其正常工作?
这里是JavaScript:
$(function() {
$('.required-entry').change(function(){ // use class or use $('select')
if ($(this).val() == "3" || $(this).val() == "2") {
$("#attach").show();
} else {
$("#attach").hide();
}
});
});
$(function() {
$('.required-entry').change(function(){ // use class or use $('select')
if ($(this).val() == "1" || $(this).val() == "3") {
$("#attach2").show();
} else {
$("#attach2").hide();
}
});
});
下面是HTML代码:
<select class="required-entry">
<option value="0" selected="true">Show nothing</option>
<option value="2" selected="true">WhatsApp only</option>
<option value="1" selected="true">E-mail only</option>
<option value="3" selected="true">WhatsApp + E-mail</option>
</select>
<div id="attach" style="display:none;" >WhatsApp description</div>
<div id="attach2" style="display:none;" >E-mail description</div>
你不应该预先选择的每一个选项 – Bobby 2014-10-20 13:45:01
只是触发页面加载'change'事件。 – 2014-10-20 13:46:39
“我以前保存的设置” - 如何保存这些设置?直接到一个文件?到数据库?您发布的脚本仅在用户更改'#.required-entry'时执行,即使这样,它仍会根据当前选择进行操作,而不会检索任何“已保存”的内容。 – Teemu 2014-10-20 13:51:14