这是脚本
<script src="Scripts/jquery-1.7.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('input[type="text"]').blur(function() {
$(this).removeClass("focus");
var a = $(this).context.id;
if (a.indexOf('guest') > 0)
{
if ($(this).val()&&$(this).val()!=0)
{
//$(this).parent().parent().next().show();
var b = $(this).parent().parent().next().children().find("textarea");
b.parent().parent().show();
b.addClass("focus");
b.focus();
}
else
{
$(this).parent().parent().next().children().find("textarea").val('');
$(this).parent().parent().next().hide();}
}
});
});
</script>
这是HTML
<table width="620" border="1"> <tr> <td> </td> <td style="width:40%"> Memebers $40 </td> <td style="width:40%"> Each guest $45 </td> </tr> <tr> <td><input name="breakfast1" type="checkbox" value="breakfast1" tabindex="0" /></td> <td>September 12, 2012</td> <td style="width:50%">How many guests <input type="text" maxlength="2" size="3" id="1guest" name="1guest" tabindex="1" /> </td> </tr> <tr style="display:none"> <td colspan="2"> </td> <td> <textarea class="guests" style="width:300px;" id="1mguests" name="1mguests" rows="4" tabindex="2"> </textarea> <br /><span></span> </td> </tr> </table> and so on<br/>
我要完成什么:当从 1guest 文本字段中跳出时,检查输入字段是否有内容,如果有,请取消隐藏(显示)下一个 tr 并将焦点设置到该 tr 中的 textarea。
问题是什么:当一个人在 1guest 输入字段中输入客人数量并 TAB 出来时,隐藏的 tr 显示 OK,tr 中的 textarea 输入获得类 .focus 但没有获得 foucs。可能是什么问题?是否因为 TAB 在焦点之后应用,因此进入下一个输入字段?无论如何,你能提出一个解决方案来解决我想要完成的事情吗?
谢谢