Question

我想是一个简单的答案。

我在页面上有一个名为'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'和/或是否有更好的方法来实现相同的效果。

“if（textbox-name = ref）然后应用脚本”

由于

Answer 1

使用您已有的jQuery选择器：

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

像这样改变：

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

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

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

Answer 2

按ID选择输入，

$("#ref").

Answer 3

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

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

您还应该阅读JQuery selectors。

Answer 4

你怎么称呼这个文本框'ref'？如果你有class =“ref”作为它的属性，将jQuery中的选择器更改为input.ref。如果您有id =“ref”，请将其更改为输入#ref。但是无论如何你都可以在php中做得更好（使用strtoupper）

将PHP脚本应用于单个文本框

4 个答案: