Usuário com melhor resposta
Table com select option

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
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.
- Sugerido como Resposta Vinícius Rafael Tavares sábado, 24 de maio de 2014 18:26
- Marcado como Resposta dani.ela sábado, 24 de maio de 2014 23:12
-
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
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.
- Sugerido como Resposta Vinícius Rafael Tavares sábado, 24 de maio de 2014 18:26
- Marcado como Resposta dani.ela sábado, 24 de maio de 2014 23:12
-
-
-
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
-