javascript - 动态访问 javascript 中的表单元素

Question

我需要在我的 JavaScript 函数中动态获取表单变量之一，该函数采用表单参数和要在该表单中访问的元素名称。

比如说，我将调用像这样的一些按钮点击 onClick="javascript:init(this.form, 'USERNAME')"

如果我这样做: document.getElementById(formName).USERNAME.value. 这有效。但是，我不必直接给出元素名称。我想从传递的参数中读取它。

所以，如果我按如下方式执行:document.getElementById(formName).elem.value - 这会给出一个异常，说无法获取未定义的值

function init(form, elem){
            try{
                var formName = form.name;
                var elementValue = document.getElementById(formName).elem.value;
                ..
            }catch(e){
                alert(e.message);
            }                           
        }

请推荐我。我怎样才能获得传递的 elem 值。提前致谢!

Answer 1

在您的情况下，为了访问对象的属性，您可以使用以下表示法:

something[elem].value

考虑以下代码:

var prop = "a",
    obj = {a: 1};

obj.a === obj["a"] === obj[prop];

那么你的代码将如下所示:

function init(form, elem){
    try {
        var formName = form.name,
            elementValue = document.getElementById(formName)[elem].value;
            // ...
        } catch(e) {
            alert(e.message);
        }                           
    }
}