我正在尝试根据列表中的用户选择实时更改数据。我怎么能想要完成这项任务呢?
例如:
如果用户选择以下信息。
您希望如何向我们提供反馈意见?
<select>
<option>Comment here</option>
<option>Mail us</option>
<option>Fill the survey</option>
</select>
如果用户选择第一个,则应在其下方显示注释框,如果第二个应显示mailto链接,如果是最后一个,则应显示有关调查的某些字段。
答案 0 :(得分:3)
简单的解决方案
<select id="my_select">
<option value="comment">Comment here</option>
<option value="mail">Mail us</option>
<option value="survey">Fill the survey</option>
</select>
<强> JS 强>
$(document).ready(function(){
//initially hide all three boxes
$('#my_select').on('change',function(){
var hasval = $(this).val();
if(hasval == 'comment'){
// show your comment box and hide rest of two
} else if(hasval == 'mail'){
// show your mail and hide rest of two
} else {
// survey form and vice versa
}
});
});