入力を大文字に変更する

質問

JSです。

<script type="text/css">
$(function() {
    $('#upper').keyup(function() {
        this.value = this.value.toUpperCase();
    });
});
</script>

HTML

<div id="search">
        <input type="radio" name="table" class="table" value="professor" tabindex="1" /> Professor
        <input type="radio" name="table" class="table" value="department" tabindex="2" /> Department
        <input type="radio" name="table" id="upper" class="table" value="course" tabindex="3" /> Course
        <input type="text" name="search" class="keywords" value="Select an option..." onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?':this.value;" tabindex="4"  />
        <div id="content"> </div>
    </div>

なぜこれはまだ動作しないのですか？ただ、JSからdiv ".keywords"を呼び出そうとしているだけです。

どのように解決するのですか？

最もエレガントな方法は、javascriptを使用せず、cssを使用することだと思います。あなたは、使用することができます text-transform: uppercase (を使うことができます（これはアイデアのためだけにインライン化されています）。

<input id="yourid" style="text-transform: uppercase" type="text" />

編集します。

つまり、あなたの場合、キーワードを大文字にしたいのであれば変更します。 keywords: $(".keywords").val(), を $(".keywords").val().toUpperCase(),