Sk8*_*ter 6 html javascript jquery opera
为什么更改按钮文本在Opera 11.11中不适用于像
<input type="submit" value="Asdasd" id="blahblah_button" />
？(尚未在早期版本中尝试过.)
我尝试使用jQuery和"纯"JavaScript,但没有一个能够工作.
这是我试过的jQuery代码:
$('#blahblah_button').val('Blah-blah');
这是"纯粹的"JS代码:
document.getElementById('blahblah_button').value = 'Blah-blah';
为什么没有一个在Opera 11.11中有效？
它可以在IE,Chrome和FF中运行,令我惊讶的是它在Opera中不起作用.
我不得不提一下,它也适用于Opera中的按钮标签:
<button id="test_button" onclick="$(this).text('Blahblah');">Some text</button>
感谢您提前的答案!
我忘了提到在修改后查询按钮的值给出的结果似乎工作正常,这意味着它改变了JS DOM中的结构,但没有适当地重新呈现可见按钮.
这是您可以尝试此行为的示例代码:
http://jsbin.com/inuxix/1/edit
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="hu" xml:lang="hu">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Changing button text</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<p>Button tag - WORKING
<button onclick="$(this).text('Blahblah_1');" id="test_button">Button_text (button_tag)</button>
</p>
<p>Input tag (type: submit) - NOT working
<input onclick="$(this).val('Blahblah_2');" type="submit" value="Submit_text" id="blahblah_submit_type" />
</p>
<p>Input tag (type: button) - WORKING
<input onclick="$(this).val('Blahblah_3');" type="button" value="Button_text" id="blahblah_button_type" />
</p>
<p>
<button onclick="alert($('#blahblah_submit_type').val());" id="val_button">Getting blahblah_submit_type's value</button>
</p>
</body>
</html>
但我还必须提到它适用于具有"按钮"类型的输入元素 - 所以我用上面这样的元素补充了我的代码.我还标记了哪些类型,哪些不起作用.
与此同时,我测试了它,它在Opera <= 11.11中不起作用,但是这个bug已经在Opera 11.50中修复了.
这是Opera中的一个错误.我不确定是什么导致它,但是一个重命名按钮的简单测试页不会触发任何问题,但是在@ Darin的jsfiddle.net示例中,错误确实出现了.
它似乎是一个重绘错误.我注意到按钮的宽度会更改以匹配新标签,但实际标签不会更改.此外,从页面移开并返回,显示新标签而不是旧标签.
我做了一个快速的谷歌,找不到其他任何人遇到它.
这是我找到的解决方法:
$('#blahblah_button').val('there');
$('#blahblah_button').get(0).outerHTML = $('#blahblah_button').get(0).outerHTML;
也许有人可以找到一个更清晰的解决方法,理想情况下是jQuery val()方法中的一个.但最好的解决方案显然是Opera修复了这个bug.您应该向他们发送有关它的电子邮件.
@Abhi Beckert,实际上有些人发现了这个错误 - http://webinterfacetricks.com/opera_submit_bug/ 我测试了它并且它有效:
<html>
<input type="submit" value="A" id="blahblah" onClick="click_input(this)" />
<script>
function click_input(input)
{
input.value = "test";
input.type = "submit";
}
</script>
</html>
是的,这很奇怪,但我希望Opera的人很快就能解决它.你能报告一下吗,顺便问一下？
| 归档时间： |
|
| 查看次数： |
3326 次 |
| 最近记录： |