爷可是个天才 2022-03-29 00:40 采纳率: 81%
浏览 90
已结题

select通过click发送Ajax,动态刷新,但是我选择完option后,click又触发了一次,导致我选择的option被置为第一项

img


如图,获取动态数据选择完后,我一松开手就又刷新了一次
前端代码如下


<script>
      function  selectChool(){
                        $.ajax({
                                      url:"/school/SchoolSelect",
                                      type: "post",
                                      success: function(data){
                                           $("select").empty();
                                         data.forEach(function (item,index){
                                              $("select").append("<option>"+item+"</option>");
                                          });
                                      }
                        }); 
                     document.getElementById("select").click=null;
          }
      
      
    </script>
    </head>
    <body>
        <a th:text="${TSHI}"></a>
        <form action="/school/specialtyadd" method="post" >
            <label for="select">学校名称:</label>
            <select id="select" name="schoolname" onclick="selectChool()" >
                <option>请选择学校</option>
            </select>
            <label>添加专业:</label><br>
        
            <label for="specialty">专业名称:</label>
            <input type="text" name="specialtyName" id="specialty"/><br>
            <label for="admitscore">录取分数:</label>
            <input type="text" name="admitscore" id="admitscore" /><br>
            <label for="admitAmount">录取名额:</label>
            <input type="text" name="admitAmount" id="admitAmount" /><br>
            <label for="specialtyclass">专业类型:</label>
            <input type="radio" id="specialtyclass" name="specialtyclass" value="理科"> 理科<input type="radio" name="specialtyclass" value="文科">文科<br>
            <input type="submit" value="提交" id="submit" />
        </form>
    </body>

而且不知道为什么,这个click的事件取消绑定不知道为什么没有用

我想问的是怎么样让他选择完后不会刷新,我重新点击再动态获取,我试过了取消绑定click,这样的话就只能动态获取一次,感谢各位!

  • 写回答

3条回答 默认 最新

  • _念_ 2022-03-29 10:04
    关注

    1.给你得option标签加上一个阻止事件冒泡,这样能避免,点击option的时候触发select的click事件
    2.获取数据之前先存一下上一次选择的,然后获取数据后,循环的时候,如果item是上一次选中的,就给option一个选中的状态,这样你重新获取后就不会清空上一次的选中状态。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 4月11日
  • 已采纳回答 4月7日
  • 创建了问题 3月29日

悬赏问题

  • ¥15 u盘问题:盘符不显示 无媒体
  • ¥50 R语言读取nc按月均值转为tif
  • ¥30 智能车串级pid调参
  • ¥15 visual studio code翻译老是错误
  • ¥20 卫星测高数据的高程转换
  • ¥15 爬取招聘网站数据信息
  • ¥15 安装完tensorflow,import tensorflow as tf后报错,如何解决?
  • ¥15 ultralytics库导出onnx模型,模型失去预测能力
  • ¥15 linux下点对点协议连接2个USB串口的硬件流量控制问题
  • ¥15 SQL数据自动生成问题