0

所以我有一个 XSLT 表单，它从 XML 表单获取数据并将其显示给我。我想通过类名获取元素的值，但它一直返回未定义。这是 XSLT 代码的片段

<!-- generic input template -->
<xsl:template match="DataField" priority="0">
<td colspan="{DisplayOptions/@ColSpan}" location="{DisplayOptions/@Column}">
  <xsl:value-of select="FieldOptions/@DisplayName"/>
  <br/>
  <input type="{@ControlType}" name="{@Name}" onchange="textBlur(event)" />

  <xsl:apply-templates select="SubDataFields"/>
</td>

</xsl:template>

我尝试过的两种方法是 jquery 和使用文档

function textBlur(e) {
//this gives me the value and works
var personInfo = e.target.value;
var personField = e.target.name;

//these two return undefined
var elements = document.getElementsByClassName("personField");
console.log($(elements).val());

console.log($("."+personField).val());
}

我在这里做错了什么？personField 是我想要的元素的名称。由于 XSLT 为我生成了类名。所以我所做的是使用事件来获取元素的名称和值，以确认我使用了正确的名称并且正在获取一个值，然后我尝试使用 jquery 和名称再次获取元素的值。

4

1 回答 1

1

每当任何输入框中的任何文本发生更改时，您似乎都在尝试获取该值。在 textBlur 函数中，您传递的是“事件”对象，因此 event.target 已经是您要查找的元素。

但是，如果您想按类名进行操作，似乎您还没有在输入标签上设置类名。您可能应该将其更改为：

<input class="personField" type="{@ControlType}" name="{@Name}" onchange="textBlur(event)" />

此外，您的 jQuery 代码使用字段的名称属性的值（即 personField = e.target.name），而不是类名称的固定字符串名称。换句话说，我认为你想使用这个：

console.log($(".personField").val());

希望这可以帮助！

于 2013-06-25T18:41:07.917 回答