Jquery点击td变下拉框/输入框


              var tdObj=$(this); //获取当前td
              var text=$('#job').text();  //获取当前td文本内容
              $('#job').text("");  //清空当前td文本内容
              //创建一个下拉框元素 
              var inputObj = $("<select><option ></option></select>");//如果需要点击改变为输入框就写<input/>标签
              
              
              inputObj 
               .width("80px")   //设值宽高  可以设置为tdObj.width()  (td宽度)   
               .height(tdObj.height)  
               .appendTo(tdObj)
               .val(text)       //如果是input输入框的话可以使用.val赋值(原文本值) 下拉框不需要.val() 可以去掉  下拉框复制在下面
               .trigger("focus")
               //用trigger方法触发事件 
               .trigger("select");

tdObj.find('.text').text(pretext); //下拉框赋原文本值

              inputObj.click(function(){ 
                   return false; 
                  });  

 


 

 

posted @ 2020-04-28 11:34  孤儿  阅读(947)  评论(0)    收藏  举报