Defina o valor da entrada oculta com jquery

92

Estou tentando definir o valor do campo oculto abaixo usando jQuery.

<input type="hidden" value="" name="testing" />

Estou usando este código:

var test = $("input[name=testing]:hidden");
test.value = 'work!';

Mas não está funcionando. O que há de errado com meu código?

javascript jquery TonyM
fonte
4
Para maior clareza, jQuery retorna uma coleção de elementos DOM. test não se torna o elemento DOM, ele se torna um array. Para usar o javascript puro e simples a la .value, você pode fazer o teste [0] .value ou fazer um loop sobre a coleção, se houver mais de uma. Caso contrário, test.val ('work!') Funcionaria para você, pois é um método jQuery em vez de test.value que é uma propriedade do objeto de elemento DOM.
Scottux

Respostas:

128

Você deve usar em valvez de value.

<script type="text/javascript" language="javascript">
$(document).ready(function () { 
    $('input[name="testing"]').val('Work!');
});
</script>
Barba sinistra
fonte
33

Isso funcionou para mim:

$('input[name="sort_order"]').attr('value','XXX');
gzveri
fonte
27 
$('input[name="testing"]').val(theValue);
Haim Evgi
fonte
1
estranho, é suposto fazer isso
Haim Evgi
Não há um problema por causa de "Type = 'hidden'" em vez de "type = 'hidden'" não é? Não tenho certeza sobre atributos de maiúsculas e minúsculas. Pode estar se agarrando a qualquer coisa ...
Hogsmill
1
Acho que o problema aqui é o seletor .. Acho que deveria ser input[name="testing"-> testando entre aspas ... Sempre que definir algum valor não funcionar, tente obter o elemento primeiro. Se você não conseguir, o o problema não é com .val (), mas provavelmente com o seletor
Thomas Mulder
7 
var test = $('input[name="testing"]:hidden');
test.val('work!');
Dat Nguyen
fonte
7

Suponha que você tenha uma entrada oculta, chamada XXX, se quiser atribuir um valor ao seguinte

<script type="text/javascript">

    $(document).ready(function(){
    $('#XXX').val('any value');
    })
</script>
arteagasoft
fonte
Para sua informação, as respostas apenas de código geralmente são sinalizadas como de baixa qualidade e geralmente serão excluídas. Tente postar algum contexto / explicação com sua resposta se quiser que ela continue e (possivelmente) seja votada.
sgress454
O seletor que você está usando ( #XXX) é para o idatributo. Se você "nomeou" uma entrada como XXX, o seletor seria input[name="XXX"].
krummens
4

Para fazer isso com jquery, faça desta forma:

var test = $("input[name=testing]:hidden");
test.val('work!');

Ou 

var test = $("input[name=testing]:hidden").val('work!');

Veja como trabalhar neste violino .

Maykonn
fonte
0

Você não precisa definir o nome, basta fornecer um id. 

<input type="hidden" id="testId" />

e que com jquery você pode usar o método 'val ()' como abaixo:

 $('#testId').val("work");
nzrytmn
fonte