Boa tarde!
Preciso que o texto dentro do campo zoom esteja em maiúsculas.
Como faço isso?
Já fiz com campos do tipo input=text.
Como faço com campos do tipo input type=zoom?
Obrigado!
EDIT:
Tentei com:
$("input[type='zoom']").each(function(){
$(this).on("keypress", function(){
$(this).val($(this).val.toUpper();
});
});E tentei com:
$("input[type='search']").each(function(){
$(this).on("keypress", function(){
$(this).val($(this).val.toUpper();
});
});Após a primeira resposta, tentei da seguinte maneira, sem sucesso:
$("input[type='search']").each(function(){
$(this).on("change", function(){
$(this).text($(this).text().toUpper());
});
});Após a segunda reposta, tentei o seguinte:
<input type="zoom" oninput="maiuscula()" class="form-control" name="zm_cidade" id="cCidade"E criei uma função:
function maiuscula(){
var conteudo = $("#cCidade").val();
var conteudo2 = conteudo.toUpper();
$("#cCidade").val(conteudo2);
}Mas não deu certo.
Estava tentando enviar um comentário, mas sempre dava erro. Então, vou editar a pergunta.
Se eu fizer:
<input onchange="maiuscula()" type="zoom">OU:
<input oninput="maiuscula()" type="zoom">E no javascript fizer o seguinte código:
<script type="text/javascript">
function maiuscula(){
console.log("CHAMOU MAIUSCULA");
}
</script>O código javascript nunca é executado. Em outros inputs, uso o oninput sem problemas. Prefiro fazer uso do oninput pois vou rodar o formulário em dispositivos mobile. E segundo o dev Fluig, http://tdn.totvs.com/pages/releaseview.action?pageId=146181573, devemos utilizar o evento oninput para desenvolvimento mobile.