按TAB键自动归档下一个字段

时间:2013-01-04 12:01:38

标签: javascript jquery jsf

我有一个JSf文件,其中包含多个文本。我希望当我按下“TAB”键时,接下来提交了以前提交的值。任何帮助或代码材料都会提前帮助我。

<h:column>
<f:facet name="header">             
<h:outputText value="Subno To" />               
</f:facet>
<h:inputText id="mnpSubNoTo_id1" value="#{item.subNoFrom}"/>
</h:column>

<h:column>
<f:facet name="header">             
<h:outputText value="Error Status" />               
</f:facet>
<h:inputText id="mnpErrorStatus_id1" value="#{item.subNoTo}" />
</h:column> 

我想在此代码中输入文件中的字段id =“subNoFrom”并按下tab tab next id =“mnpErrorStatus_id1”自动填充id =“subNoFrom”字段值。 任何有关的帮助都会非常适合!!!

1 个答案:

答案 0 :(得分:2)

onkeydown事件添加到您的第一个textbox,如下所示。

<h:inputText id="mnpSubNoTo_id1" value="#{item.subNoFrom}" onkeydown="func(event)"/>

您的javascript代码应该是这样的。

<script>
function func(e) {
    var txt1 = e.target || e.srcElement;
    var key = e.keyCode ? e.keyCode : e.charCode
    if(key == 9) {
        var value1 = txt1.value;
        var lastIndex = txt1.id.lastIndexOf(":");
        var txt2Id = txt1.id.substring(0, lastIndex) + ":mnpErrorStatus_id1";
        document.getElementById(txt2Id).value = value1;
    }
}
</script>