gpt4 book ai didi

jquery - 需要改变属性值

转载 作者:行者123 更新时间:2023-12-01 03:54:36 26 4
gpt4 key购买 nike

我再次问这个问题,但希望能更清楚一点。请参阅此线程以获取更多信息

javascript error in IE8 compatibitlity mode

我无法直接更改页面上的以下标记。我需要将调用的函数从“change_option”更改为“changeoption”。如何为每个选择框完成此操作?我没有显示这些选项,因为它们与本例无关。

<select onChange="change_option('SELECT___100E___7',this.options[this.selectedIndex].value)" name="SELECT___100E___7">
<select onChange="change_option('SELECT___123___6',this.options[this.selectedIndex].value)" name="SELECT___123___6">
<select onChange="change_option('SELECT___584E___52',this.options[this.selectedIndex].value)" name="SELECT___584E___52">

最佳答案

这看起来相对简单:

$(document).ready(
function(){
$('select').each(
function(){
if ($(this).attr('onChange')) {
var onChangeString = $(this).attr('onChange').replace('change_option','changeoption');
$(this).attr('onChange',onChangeString);
}
}
);
}
);

我使用了以下 (x)html(在 <!DOCTYPE html> 下,在 Ubuntu 10.10 上使用 Chrome 和 Firefox):

<form action="#" method="post">
<select onChange="change_option('SELECT___100E___7',this.options[this.selectedIndex].value)" name="SELECT___100E___7">
<option value="0">dummy option 1</option>
<option value="1">dummy option 2</option>
<option value="2">dummy option 3</option>
<option value="3">dummy option 4</option>
</select>
<select onChange="change_option('SELECT___123___6',this.options[this.selectedIndex].value)" name="SELECT___123___6">
<option value="0">dummy option 1</option>
<option value="1">dummy option 2</option>
<option value="2">dummy option 3</option>
<option value="3">dummy option 4</option>
</select>
<select onChange="change_option('SELECT___584E___52',this.options[this.selectedIndex].value)" name="SELECT___584E___52">
<option value="0">dummy option 1</option>
<option value="1">dummy option 2</option>
<option value="2">dummy option 3</option>
<option value="3">dummy option 4</option>
</select>
</form>

Demo at JS Fiddle .

<小时/>编辑添加事后想法:就我个人而言,我 强烈建议删除 onChange来自 (x)html 的事件,并将所有行为逻辑放在一起,而不是将其散布在 html 页面中(因为将其放在那里会导致类似 this 的情况,必须操纵一大堆元素,而不是在一个文件中重写一个函数。

如果您确实无法编辑 html,您可以随时使用 jQuery 删除 onChange (和onClick等)事件处理程序,并使用链接的js文件来接管它们的功能。

关于jquery - 需要改变属性值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4056718/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com