JS

关于selsect标签踩过的坑

select标签详解

Posted by 沐雪 on October 9, 2019

总结篇-避免踩坑!

关于change事件select和input一起使用的时候,只有一条记录的时候,选不上的情况。

html代码:

html

js代码:

$(function(){

  setInterval(data,1000);
  
  $("#historyUserIp").on("change", function () {
  
    $(".ip").val($("#historyUserIp option:selected").val());
    
   });
   
}
//加定时器的目的时定时的刷新数据,防止手动刷新页面。

function data(){

  if($(".ip").val()==''){
  
    $("#historyUserIp").append("<option selected='selected' disabled='disabled' style='display:none;' value=''></option>");
    
   }
   
}

由于change事件市当option条数大于1的时候才会触发,所以当数据为一条的时候是选不上的,为了解决这个问题需要动态创建一个空的option并且设置为不可见。

(详情请看上述代码)