Javascript/Jquery:Script（与表单无关）正在禁用<；选择>；，有人知道为什么吗？

我有一个脚本，允许我将页面/内容加载到div中，而不是重新加载页面。它还更新了后退按钮，并允许浏览所有内容。我在这上面用过表格，没问题，它们很有效；但是，直到现在，我还没有在这些页面中使用select

我添加了选择选项。它加载，然后一秒钟后，“选择”文本消失，就像“选择选项”中没有任何内容一样

我从页面中删除了这个脚本，一切都恢复正常。我看不出这里有什么干扰，因为这与形式本身无关。我希望其他人能看到是什么导致了这个问题

脚本：

$(function(){

  $("a[rel='right']").click(function(e){
    e.preventDefault();


    //get the link location that was clicked
    pageurl = $(this).attr('href');
    //to get the ajax content and display in div
    $.ajax({url:pageurl.replace('index.php', 'rightcolumn.php')+'&rel=right',success: function(data){  
      $('#WMS_NEW_right').fadeOut(500, function(){ $('#WMS_NEW_right').html(data).fadeIn(1000); }); 
    }
    });

    //to change the browser URL to the given link location
    if(pageurl!=window.location){
      window.history.pushState({path:pageurl},'',pageurl);
    }
    //stop refreshing to the page given in
    return false;
  });

});

/* the below code is to override back button to get the ajax content without reload*/
$(window).on('popstate', function() {
    $.ajax({url:$(location).attr('href').replace('index.php', 'rightcolumn.php') +'&rel=right',success: function(data){
        $('#WMS_NEW_right').html(data);
    }});
});

我正在使用的HTML表单

<form class="formrelright" action="" method="POST">
Name: <input type="text" name="name" /><br />
Option: <select name="option" /><option value="">Option</select><br />
Option2: <select name="option2" /><option value="">Option</option></select><br />
Option3: <select name="option3" /><option value="">Option</option></select><br />
<input type="submit" />
</form>

名称：

选项：选项

选项2：选项

选项3：选项

您过早地关闭了选择

<select name="option" />

应该是

<select name="option"><option value="">Option</option></select>

选项

哦，哇。我不知道我是怎么做到的。我知道我做了一个，然后复制了其他的。我更新了代码，现在可以使用了。我真的很好奇，当我从页面上删除脚本时，一切似乎都正常。尽管如此，还是要感谢您的关注！