jquery双击<td>里边内容变成select框

jquery双击<td>里面内容变成select框
本帖最后由 Hisouke_S 于 2013-12-24 15:47:48 编辑 jquery双击<td>里面内容变成select框,当这个select框失去焦点时获取选择的内容
代码如下，请问要如何修改

$('td').dblclick(function(){
var item = $(this).attr('item');

if(item == 'editOprator'){
var selectStr = "<select id='editOprator'><option value='1'>联通</option><option value='2'>移动</option><option value='3'>电信</option></select>";
$(this).html(selectStr);

 $(this).live("blur",function(){
alert(111);
  })
}
})

$('td').dblclick(function(){
    var item = $(this).attr('item');
 
    if(item == 'editOprator'){
        var selectStr = "<select id='editOprator'onblur='doBlur();'><option value='1'>联通</option><option value='2'>移动</option><option value='3'>电信</option></select>";
        $(this).html(selectStr);        
    }
})
function doBlur(){
   alert(111);
}