javascript – jQuery $(this).attr(“id”)不起作用

如标题所示,当我尝试获取元素的id属性时,我会继续获得“未定义”,基本上我想要做的是在值为“other”时用输入框替换元素.

这是代码：

function showHideOther(obj){ 

    var sel = obj.options[obj.SELEctedIndex].value;
    var ID = $(this).attr("id");

    alert(ID);


    if(sel=='other'){ 

        $(this).html("<input type='text' name='" + ID + "' id='" + ID + "' />");

    }else{
        $(this).css({'display' : 'none'});
    }
}

HTML：

<span class='left'><label for='race'>Race: </label></span>
          <span class='right'><SELEct name='race' id='race' onchange='showHideOther(this);'>
            <option>SELEct one</option>
            <option>one</option>
            <option>two</option>
            <option>three</option>
            <option value="other">Other</option>
          </SELEct>
          </span>

这可能是我没有注意到的小事情,我做错了什么？

Thanx提前！

function showHideOther(obj){ 
    var sel = obj.options[obj.SELEctedIndex].value;
    var ID = obj.id;

    if (sel == 'other') { 
        $(obj).html("<input type='text' name='" + ID + "' id='" + ID + "' />");
    } else {
        $(obj).css({'display' : 'none'});
    }
}