在jQuery Post之后阻止HTML Select / Option重置

Question

我似乎有一种奇怪的情况。以下问题描述。

在我的Web应用程序中，我有三个选项卡，用户可以在其中输入和查看信息。主要选项卡包括：列表，时间首选项和搜索结果。在时间首选项选项卡中有一系列用户可以选择的下拉选项（可能有大约30个或更多dropDown框），选项本身是从php脚本生成的。

我用来生成选项的脚本部分。

<?php
// Create options for hour
for($i = 1; $i < 13; $i++)
   $hourOptions.="<OPTION VALUE=\"$i\">".$i.'</option>';
?>

我在时间首选项选项卡底部有一个GENERATE按钮，在我单独的JS文件中导入jQuery的帮助下，从我的列表和时间首选项下拉框中输出所有数据。唯一的问题是，当我回到上一个标签时，我的下拉框重置了。它会生成正常，我的列表仍然保留，但我的所有下拉框都重置。

这就是我在JS文件中检索所选数据的方法。转换是我用来转换为24小时的时间，因此可以忽略。这些行中大约有10-15行允许不同的时间表，因此它们都使用$ .post发布到PHP文件中。我已经使用ALERT进行测试，然后吐出时间。在$ .post之前我能够很好地检索它，然而，在$ .post之后它是空白的。任何提示/提示肯定会有所帮助。是否可以在帖子之后将所选选项设置为原始状态，或者只是防止它首先发生。

MWFStart = convertTime($('#MWFStartHour').val(),$('#MWFStartMinute').val(),$('#MWFStartMeridian').val());

Answer 1

在你的

中

$("#whatever").click(function(){

添加“e”，所以：

$("#whatever").click(function(e){

然后使用preventDefault（）方法停止提交的默认操作。

$("#whatever").click(function(e){
  e.preventDefault();

看看是否能给你任何帮助。