none
Table com select option RRS feed

  • Pergunta

  • Bom dia pessoal!
    Preciso de uma ajuda novamente.

    Tenho uma table com um selection option na primeira coluna, +- assim:

    <table id="tableTeste"> <tbody> @For i As Integer = 0 To 3 @<tr> <td> <select id="Testando"> <option>sim</option> <option>não</option> </select> </td> <td><span>teste</span></td> </tr> @<tr><td><span>oioi</span></td></tr> Next </tbody> </table>

    <input type="submit" onclick="Teste();"/>


    Gostaria que quando o input fosse clicado, uma função javaScript alterasse todos os valores dos selects para a opção ''não'', tentei de várias formas e ainda não consegui. Alguma ideia?

    Dani


    • Editado dani.ela sábado, 24 de maio de 2014 15:14
    sábado, 24 de maio de 2014 15:13

Respostas

  • Olá,

    crie uma variável recebendo sua table.

    crie um for percorrendo as linhas da table, de acordo com o tamanho da variável que recebeu a table.

    crie uma variável recebendo todos os elementos select daquela linha.

    utilize jquery para percorrer os selects dessa linha (pode ter mais de um).

    verifique se o id do select é o id que você quer.

    se sim, troque o selectedIndex.

    Tente fazer, se tiver dificuldade volta ae que ajudo com o código.


    Wennder Santos

    Se solucionou seu problema ou dúvida, não esqueça de marcar como resposta. Se foi util, não esqueça de marcar como util.




    sábado, 24 de maio de 2014 16:14
  • Puts, não estou conseguindo.

    Seguindo o seu exemplo e minhas instruções com um pouco de esforço seria simples fazer. Espero que tenha tentado. Veja o código abaixo, fiz ele para ser aplicado ao código que você mostrou.

    function Teste() { var table = document.getElementById("tableTeste"); for (var i = 0; i < table.rows.length; i++) { var select = table.rows[i].getElementsByTagName("select"); $(select).each(function () { if (this.id =="Testando") { this.selectedIndex = 1;

    } }); }


    Implemente e dê um retorno.


    Wennder Santos

    Se solucionou seu problema ou dúvida, não esqueça de marcar como resposta. Se foi util, não esqueça de marcar como util.




    • Marcado como Resposta dani.ela sábado, 24 de maio de 2014 23:12
    sábado, 24 de maio de 2014 22:45

Todas as Respostas

  • Olá,

    crie uma variável recebendo sua table.

    crie um for percorrendo as linhas da table, de acordo com o tamanho da variável que recebeu a table.

    crie uma variável recebendo todos os elementos select daquela linha.

    utilize jquery para percorrer os selects dessa linha (pode ter mais de um).

    verifique se o id do select é o id que você quer.

    se sim, troque o selectedIndex.

    Tente fazer, se tiver dificuldade volta ae que ajudo com o código.


    Wennder Santos

    Se solucionou seu problema ou dúvida, não esqueça de marcar como resposta. Se foi util, não esqueça de marcar como util.




    sábado, 24 de maio de 2014 16:14
  • Obrigado pela resposta!

    Vou tentar

    sábado, 24 de maio de 2014 16:26
  • Puts, não estou conseguindo.
    sábado, 24 de maio de 2014 17:05
  • Puts, não estou conseguindo.

    Seguindo o seu exemplo e minhas instruções com um pouco de esforço seria simples fazer. Espero que tenha tentado. Veja o código abaixo, fiz ele para ser aplicado ao código que você mostrou.

    function Teste() { var table = document.getElementById("tableTeste"); for (var i = 0; i < table.rows.length; i++) { var select = table.rows[i].getElementsByTagName("select"); $(select).each(function () { if (this.id =="Testando") { this.selectedIndex = 1;

    } }); }


    Implemente e dê um retorno.


    Wennder Santos

    Se solucionou seu problema ou dúvida, não esqueça de marcar como resposta. Se foi util, não esqueça de marcar como util.




    • Marcado como Resposta dani.ela sábado, 24 de maio de 2014 23:12
    sábado, 24 de maio de 2014 22:45
  • *.*

    perfeito Wennder! Como sempre, obrigado!!!!!

    sábado, 24 de maio de 2014 23:12