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; 
                  });  
 
  

 

 
 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM