如何编辑“onchange” “select”中的属性标签？（使用jquery）

发布于 2024-09-16 21:49:45 字数 516 浏览 3 评论 0原文

我正在尝试编辑现有“select”元素的“onchange”事件。

例如，我有以下代码：

<select id="sel_id" onchange="javascript:foo();" >

每当我尝试更改其“onchange”属性时，我都会使用以下内容：

$("#sel_id").attr("onchange", "foo_2()");

仅供参考，这段应该没问题的代码不起作用，“onchange”属性保持不变。那么应该如何编辑呢？

修正：

您可以删除该属性，然后绑定不同的函数，例如：

$("#sel_id").removeAttr("onchange").bind("change", function(){ foo_2(); });

但问题仍然存在，是否可以更改“onchange”属性而不首先删除它？

原文

I'm trying to edit the 'onchange' event of an existent 'select' element.

For example purposes I have the following code:

<select id="sel_id" onchange="javascript:foo();" >

and whenever I try to change its 'onchange' attribute I was using the following:

$("#sel_id").attr("onchange", "foo_2()");

FYI, this code which should be fine doesn't work, the 'onchange' attribute remains unchanged. So how should you edit it?

AMMENDMENT:

You can remove the attribute and then bind a different function like:

$("#sel_id").removeAttr("onchange").bind("change", function(){ foo_2(); });

but the issue remains, is it possible to change the 'onchange' attribute without removing it in the first place?

分享到QQ

分享到微博

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

发布评论

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

§普罗旺斯的薰衣草 2024-09-23 21:49:46

不是问题的确切答案，但我可能会使用以下方法删除事件：（

document.getElementById('sel_id').onchange = undefined;

如如何清除/删除 JavaScript 事件处理程序？）

，然后执行以下操作：

$('#sel_id').change(function() { foo_2(); });

Not an exact answer to the question, but I'd probably remove the event using this:

document.getElementById('sel_id').onchange = undefined;

(as seen at How to Clear/Remove JavaScript Event Handler? )

and then go with this:

$('#sel_id').change(function() { foo_2(); });

回复收藏 0 原文

南汐寒笙箫 2024-09-23 21:49:46

如果我使用本机 setAttribute()，则适用于我。

另外，请记住您需要在选择器周围加上引号。

$("#sel_id")[0].setAttribute("onchange", "foo_2()");

还要记住在全局命名空间中定义 foo_2 ，而不是在 jQuery 的 .ready() 函数内。

Works for me if I use the native setAttribute().

Also, remember that you need quotes around the selector.

$("#sel_id")[0].setAttribute("onchange", "foo_2()");

Also remember to define foo_2 in the global namespace, and not inside jQuery's .ready() function.

回复收藏 0 原文

落花随流水 2024-09-23 21:49:46

使用JQuery更改功能。

$('#sel_id').change(function() {
  //your code
});

Use JQuery change function.

$('#sel_id').change(function() {
  //your code
});

回复收藏 0 原文

甩你一脸翔 2024-09-23 21:49:46

这是一种仅使用 javascript 即可实现的方法：

<html>
<head>
<script type = "text/javascript" langauge="JavaScript">
function foo (){
    alert("foo");
}
function fi() {
    alert('fi');
}
</script>
</head>
<body>
<select id = "select_list" onchange="foo();">
<option value = "1">1</option>
<option value = "2">2</option>
</select>
<input type = "button" value = "change" onclick = "document.getElementById('select_list').onchange = fi;">
</body>
</html>

Here's a way to do it using just javascript:

<html>
<head>
<script type = "text/javascript" langauge="JavaScript">
function foo (){
    alert("foo");
}
function fi() {
    alert('fi');
}
</script>
</head>
<body>
<select id = "select_list" onchange="foo();">
<option value = "1">1</option>
<option value = "2">2</option>
</select>
<input type = "button" value = "change" onclick = "document.getElementById('select_list').onchange = fi;">
</body>
</html>

回复收藏 0 原文

~没有更多了~