将 (ID) 参数从 aspx 页面传递到 javascript 函数，该函数更新页面上其他位置的 ID

发布于 2024-12-07 10:51:57 字数 363 浏览 1 评论 0原文

想象一下我有一个表格，其中包含视频列表，以及相关的描述和链接。页面上只显示一个视频。单击链接时，我希望该单击获取相应视频的 ID 并将其传递到视频播放器 div，更新显示的任何视频，准备播放。

视频名称 |描述 |手表 ...并重复...从 C# 中的 foreach 生成，

我相信我需要使用

.bind( 'click', [eventData,] handler(eventObject) )

，但我不确定第二个参数应该放什么 - 我知道我想要 ID，但从哪里获取？ “观看”文本是否必须制作为（提交）按钮或其他内容？

直觉上我认为这很简单......很抱歉这个愚蠢的问题是否是一个！ :)

原文

So imagine I have a table which is a list of videos, with associated descriptions and links. On the page there is only ever one video shown. When a link is clicked, I want that click to take the ID of the corresponding video and pass it to the video player div, updating whatever video is displayed, ready for play.

VidName | Description | Watch
...and repeat...generated from a foreach in C#

I believe I will need to use

.bind( 'click', [eventData,] handler(eventObject) )

but I am not sure what to put for the second argument - I know I want the ID, but from where? Does the 'Watch' text HAVE to made into a (submit) button or something?

Intinctively I think this is quite simple...sorry for the dumb question if it is one! :)

分享到QQ

分享到微博

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

发布评论

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

仲春光 2024-12-14 10:51:57

那么为什么不在链接上使用 onclick 事件呢？

<a id="1" href="javascript:void(0)" onclick="DoSomething(this.id)">Simple's</a>

so why dont you just use the onclick event on the link?

<a id="1" href="javascript:void(0)" onclick="DoSomething(this.id)">Simple's</a>

回复收藏 0 原文

旧伤慢歌 2024-12-14 10:51:57

我通常这样做的方式是这样的：

<sometag data-id="id-for-the-data"></sometag>

<script>

  function onSometagClick() {
     $(this).prop('data-id'); // read the id so we can us it
  }

  $(function(){
     $(document.body).delegate('sometag','click',onSometagClick); //handle clicks on all 'sometag' ellements
});
</script>

如果您想要一个不太通用的答案，请提供一些标记:)

我不使用 id 属性的原因有三个。

1：将标记/DOM 与实际数据分开

2：id 属性不允许以数字开头，而我的数据 id 几乎总是来自某个数据库的数字。

3：如果我需要在一个页面上多次引用相同的数据，那么 id 属性就不好，因为它需要是唯一的

The way i usually do it is something like this:

<sometag data-id="id-for-the-data"></sometag>

<script>

  function onSometagClick() {
     $(this).prop('data-id'); // read the id so we can us it
  }

  $(function(){
     $(document.body).delegate('sometag','click',onSometagClick); //handle clicks on all 'sometag' ellements
});
</script>

If you want a less generic answer, please supply some markup :)

The reason i don't use the id attribute is threefold.

1: to separate the markup/DOM from the actual data

2: id attributes are not allowed to start with a number, and my data id's are almost always numbers from a database somewhere.

3: if i need to reference the same data more than once on a page the id attribute is no good since it needs to be unique

回复收藏 0 原文

~没有更多了~