Changer l'entrée en majuscule

Question

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>

Pourquoi cela ne fonctionne-t-il toujours pas ? ? J'essaie juste d'appeler div ".keywords" de JS.

Answer 1

Je pense que la façon la plus élégante est sans javascript mais avec css. Vous pouvez utiliser text-transform: uppercase (c'est en ligne juste pour l'idée) :

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

Modifier :

Donc, dans votre cas, si vous voulez que les mots-clés soient en majuscules changez : keywords: $(".keywords").val(), à $(".keywords").val().toUpperCase(),

Answer 2

Si vous le destinez à une entrée html, vous pouvez facilement le faire sans utiliser JavaScript ! ou toute autre bibliothèque JS. Il serait standard et très facile d'utiliser une balise CSS text-transform :

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

ou vous pouvez utiliser une classe bootstrap nommée "text-uppercase"

<input type="text" class="text-uppercase" >

De cette façon, votre code est beaucoup plus simple !

Answer 3

Peut également le faire de cette façon, mais d'autres façons semblent meilleures, cela est utile si vous n'en avez besoin qu'une seule fois.

onkeyup="this.value = this.value.toUpperCase();"