jquery - 使用 jQuery 更改选取框文本和速度

Question

我正在尝试使用 jQuery 更改选取框标记内的文本和选取框的速度。

在我的脚本中，我有以下内容：

$("div.change").click( function() {     
  //here I want to make the script to change the text to anything else ...      
}); 

在我的 HTML 中：

<div id="marq"><marquee id="title" scrollamount="5">MY TEXT</marquee></div>

<div class="change">Click Here To Change The Text in Marquee</div>

如何更改选取框内的速度和文本？

提前致谢。

Answer 1

marquee 标签不在 HTML 规范中，因此不能保证它在较新的浏览器中得到支持。强烈建议不要使用它。

如果你必须有滚动文本，有jquery 插件可以做到这一点。

Answer 2

我同意你不应该使用 marquee 元素，但如果你必须这样做，那么复制文本并加倍速度执行以下操作：

$('div.change').click(function(){
    var marq  = $('marquee#marq');
    var speed = 2 * marq.attr('scrollamount'); // double the current speed
    var text = $('textarea#newtext').text();   // Get new text
    $(marq).text(text).attr({scrollamount: speed});
});

这假设用户已经用新文本填充了一个 id 为“newtext”的 textarea 元素。

PS为什么你在选框上有一个ID，但在change-div上有一个类。另外，最好使用按钮标签供用户点击，而不是在 div 中点击，这样更直观。