0

我想得到一个简单的答案。

我在页面上有一个名为“ref”的文本框。填写并输入后，它会将用户带到 www.website.com/$ref.php。

我需要他们的输入为大写以匹配目录，因此我添加了此代码来更改他们键入的内容。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("input").keyup(function() {
    var val = $(this).val()
    $(this).val(val.toUpperCase())
 })
})
</script>

这很好用，但它适用于页面上的所有文本框。

如何将脚本限制为文本框“ref”和/或是否有更好的方法来实现相同的效果。

“如果 (textbox-name=ref) 然后应用脚本”

谢谢

4

4 回答 4

1

使用您已有的 jQuery 选择器：

$("input").keyup(function() {

像这样改变它：

$('input[name="ref"]').keyup(function() {

这将只选择一个文本框并将 keyup 事件分配给它。 jQuery 选择器就像 css 选择器一样工作。

但是，如果您想确保这是唯一附加此 keyup 功能的元素，请使用 ID 属性。

于 2013-03-06T02:47:07.730 回答
0

您以什么方式将此文本框称为“参考”？如果您有 class="ref" 作为它的属性，请将 jQuery 中的选择器更改为 input.ref。如果您有 id="ref"，请将其更改为 input#ref。但是无论如何你都可以在 php 中更好地做到这一点（使用 strtoupper）

于 2013-03-06T02:47:56.403 回答
0

按 id 选择输入，

$("#ref").
于 2013-03-06T02:47:21.793 回答
0

您当前的代码将 JQuery 代码应用于所有input元素。要挑出那个，请将 anid应用于文本框，例如id="ref". id然后你只需在你的javascript中引用它：

$(document).ready(function() {
  $("#ref").keyup(function() {
    var val = $(this).val()
    $(this).val(val.toUpperCase())
  })
})

您还应该阅读JQuery 选择器。

于 2013-03-06T02:47:40.677 回答