javascript - 使用输入 "Id"而不是输入 "Name"

Question

嘿伙计们，我设法使用一些 javascript 根据输入框获取文本输入和选择框进行更新...但是我们更改了表单变量，因此我无法再使用输入“名称”...我现在需要使用该 id。我如何更改我的 javascript 以使用 id 执行我当前正在执行的操作？

jsp:

TAMCN:&nbsp;<input type="text" id="tamcn" name="tamcn"  value=""  size="6" maxlength="5" onkeyup="javascript:tamcnSearchUpdated(this.value,'detSearchForm')" onkeypress="javascript:return noenter();" autocomplete="off" />
    <select id="tamcnList"  name="filterCriteria('TAMCN').values" onchange="javascript:this.form.tamcn.value = '';">
    <option value="">&nbsp;</option>
    <c:forEach var="tamcn" items="${tamcns}"><option value="${tamcn.code}">${tamcn.code}</option></c:forEach>
</select>

JavaScript:

  function tamcnSearchUpdated(tamcn, formName)
    {
        var tamcnUpper = tamcn.toUpperCase();
        document.forms[formName].elements.tamcn.value = tamcnUpper;

        var len = tamcn.length;
        if ( tamcnUpper.indexOf('*') >= 0 )
        {
            document.forms[formName].elements['tamcnList'].options[0].selected = 'selected';
            return;
        }

        for (var i = 0; i < document.forms[formName].elements['tamcnList'].options.length; i++)
        {
            if (document.forms[formName].elements['tamcnList'].options[i].text.substr(0,len) == tamcnUpper)
            {
                document.forms[formName].elements['tamcnList'].options[i].selected = 'selected';
                return;
            }
        }

Answer 1

使用document.getElementById() .

所以，而不是

document.forms[formName].elements['tamcnList']

写

document.getElementById('tamcnList')

您可能希望将其分配给一个变量，而不是每次都重复它。保留您的代码 DRY .

另请参阅:

• Mozilla Developer Network - JavaScript tutorial