我如何在 jquery 中表示 document.getElementById('page1:form2:amount') ？

发布于 2024-10-16 16:21:29 字数 590 浏览 5 评论 0原文

我如何

document.getElementById('page1:form2:amount')

在 jQuery 中

表示我知道我可以用来

$('#amount')

访问 id 数量。 id 数量是类型，它是输入文本在 Visualforce 页面中的表示方式。要访问此 id，我需要使用页面->表单->id 的层次结构。

感谢

Prady

更新：Visualforce 页面中使用的代码。

<apex:page controller="acontroller" id="page1">
  <apex:form id="form2">
    <apex:inputText value="{!amt}" id="amount" onchange="calenddate();"/>
  </apex:form>
</apex:page>

原文

How can I represent

document.getElementById('page1:form2:amount')

in jQuery

I know I can use

$('#amount')

to access the id amount.
The id amount is an <apex:inputText/> type which is how an input text is represented in the Visualforce page. To access this id I would need to use the hierarchy of page->form->id.

Thanks

Prady

Update: Code used in Visualforce page.

<apex:page controller="acontroller" id="page1">
  <apex:form id="form2">
    <apex:inputText value="{!amt}" id="amount" onchange="calenddate();"/>
  </apex:form>
</apex:page>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

濫情▎り 2024-10-23 16:21:29

我知道有点晚了，但另一种方法是使用 jQuery 属性以选择器结尾（http://api.jquery.com/attribute-ends-with-selector/）。

您知道您放入 apex 代码中的 id 始终是生成的 id 上的最后一个。所以你可以执行 jQuery('[id$="amount"]')。

其作用是选择 id 属性中以 amount 结尾的部分（您需要确定没有其他字段以这种方式结尾）。

这在过去对我来说非常有效。

回复收藏 0 原文

戏舞 2024-10-23 16:21:29

你可以做的是获取表单实例并找到所有输入类型文本（不必要）并从实例

<form id="myform">
        <input type="text" value="hello1" id="1">
            <input type="text" value="hello2" id="2">
            <input type="text" value="hello3" id="3">
            <input type="text" value="hello4" id="4">
</form>



$('#myform > input[type="text"]').each(function(key,value){
         $(value).attr('id');
})

和服务器端代码中获取 id 属性，无论如何它将在客户端转换为标准 HTML 格式并且javascript 只会读取最终的 HTML 标签。因此，请转到源代码并找到替换的确切内容，然后使用该标签在 jQuery 函数中进行搜索

what you can do is get the form instance and find all the input type text(not necessary) and get the id attribute from the instance

<form id="myform">
        <input type="text" value="hello1" id="1">
            <input type="text" value="hello2" id="2">
            <input type="text" value="hello3" id="3">
            <input type="text" value="hello4" id="4">
</form>



$('#myform > input[type="text"]').each(function(key,value){
         $(value).attr('id');
})

and as of your server-side code, anyways it will be converted to standard HTML format on client side and javascript will read the final HTML tags only. so go to source and find what exactly is the replacment for and then use that tag to be searched in the jQuery function

回复收藏 0 原文

最美不过初阳 2024-10-23 16:21:29

您可以传递选择器，就像使用 CSS 编写它们一样。

$('#page1 #form2 #amount').doSomething(...)

由于 jQ 中的选择器从右到左工作，这意味着：找到 id 为 #amount 的元素，其父元素为 id #form2，并确保它们有父元素 #page1，然后才执行某些操作。

有关 jQ 选择器的更多信息 @api.jquery.com

you can pass selectors as if you would write them with CSS.

$('#page1 #form2 #amount').doSomething(...)

As selectors in jQ work from right to left it would mean: find element with id #amount which have a parent with id #form2 and make sure that they have a parent #page1 and only then do something.