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

我想我想要一个简单的答案

我在页面上有一个名为“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>

$（文档）.ready（函数（）{
$（“输入”）.keyup（函数（）{
var val=$（this.val（）
$（this.val（val.toUpperCase（））
})
})

这非常有效，但它适用于页面上的所有文本框

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

“如果（textbox name=ref），则应用脚本”

---

谢谢使用您已有的jQuery选择器：

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

更改如下：

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

这将只选择一个文本框并为其指定keyup事件。 jQuery选择器的工作原理与css选择器一样。

---

但是，如果要确保这是唯一附加了此keyup函数的元素，请使用ID属性。

按ID选择输入

$("#ref").

---

您当前的代码正在将JQuery代码应用于所有

input

元素。要仅选择该项，请在文本框中应用

id

，例如

id=“ref”

。然后在javascript中通过

id

引用它：

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

---

您还应该阅读。

您如何将此文本框称为“ref”？如果将class=“ref”作为其属性，请将jQuery中的选择器更改为input.ref。如果您有id=“ref”，则将其更改为input#ref。但是您可以更好地使用php（使用strtoupper）

使用jQuery选择文本框：

$（'#ref'）.val（valueFromAjax）假设文本框有一个ID集合或
document.getElementById（“ref”） ASSUMIN，您的元素还有一个ID，请考虑将此改进为一个完整的答案。就目前而言，很难理解答案和背后的动机。