javascript - 单击时禁用值下拉列表

Question

我这里有代码。我可以看到它正在禁用，但是当它提交数据时，它看起来像是正在刷新并且禁用值正在被重置。这里有什么问题吗？ onclick 事件用于提交投票的单选按钮。此下拉列表正在获取来自数据库的数据，即position_name

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#position').change(function() {

  $("#position").prop("disabled", true);

});
 });
</script>

这是提交下拉列表。

      <script type="text/javascript">
   document.getElementById('position_name').value = "<?php echo $_POST['position'];?>";
  </script>
      <div id="container">
       <table width="420" align="center">
        <form name="fmNames" id="fmNames" method="post"  onclick="getPosition(this.value)">
       <tr>
     <td>Choose Position</td>
      <td>
   <SELECT NAME="position" id="position" onchange="form.submit()" onclick="getPosition(this.value)">
       <OPTION VALUE="select">select
       <?php 
          //loop through all table rows
           while ($row=mysql_fetch_array($positions)){
           echo "<OPTION VALUE=$row[position_name]>$row[position_name]"; 

     }
?>
</SELECT></td>
 </tr>
 </form> 

Answer 1

在您的SELECT中，您有一个onchange="form.submit()"，它会触发表单提交数据，然后重定向到其预期的页面将数据发送到在您的情况下是同一页面的数据。

删除 onchange 事件以在您选择职位时停止表单提交。