getElementsByName ayuda

[juanitoto]

Hola!
quisiera saber como podria modificar este if para que me permita acceder a una lista de elementos con el mismo id por lo que estube viendo seria con el metodo getElementsByName pero soy un novato usuario de javascript..

si alguien me podria dar una mano agradecido

yo lo tengo asi:

Código Javascript:

if (document.getElementById('talleSelect').selectedIndex==8 && !isNaN(document.getElementById('multiplicar').value)){ 
        newQuantity=8*document.getElementById('multiplicar').value;}
 

2 formularios:

Código Javascript:

<input TYPE="value" NAME="agregar1" VALUE="1" SIZE="3" id="multiplicar">      
<select size="1" name="newTalle" onChange="cambiarTalle()" id="talleSelect">
          <option value="26" selected>T1bb</option>
          <option value="26">T2bb</option>
          <option value="27">Talle2</option>
          <option value="27">Talle4</option>
          <option value="28">Talle6</option>
          <option value="28">Talle8</option>
          <option value="29">Talle10</option>
          <option value="29">Talle12</option>
          <option value="25" >Curva</option>
    </select>
 
<input TYPE= "value" NAME="agregar2" VALUE="1" SIZE="3" id="multiplicar">
<select size="1" name="newTalle2" onChange="cambiarTalle()" id="talleSelect">
      
         <option value="26" selected>T1bb</option>
          <option value="26">T2bb</option>
          <option value="27">Talle2</option>
          <option value="27">Talle4</option>
          <option value="28">Talle6</option>
          <option value="28">Talle8</option>
          <option value="29">Talle10</option>
          <option value="29">Talle12</option>
        <option value="25">Curva</option>
      </select>
 

[KazerPowa]

Hola,

Prueba esto:

Código Javascript:

function quick_reply(post_id) {
      if (document.getElementByName('talleSelect').selectedIndex==8 && !isNaN(document.getElementByName('multiplicar').value)){
              newQuantity=8*document.getElementByName('multiplicar').value;}
 
 
}
 

Como ves, he cambiado getElementById por getElementByName, espero que sirva...
Saludos!

[juanitoto]

disculpa mi ignorancia kazerpowa pero despues de poner esta funcion como tendria que llamarla en el formulario?¿
o solo modificando eso que me dijiste ya tendria que funcionar?¿..
FORMULARIO1:

Código Javascript:

<input TYPE="value" NAME="agregar1" VALUE="1"SIZE="3" id="multiplicar">      
 <select size="1" name="newTalle" onChange="cambiarTalle()" id="talleSelect">
 

FORMULARIO 2:

Código Javascript:

<input TYPE= "value" NAME="agregar2" VALUE="1"SIZE="3" id="multiplicar"></td>
 <select size="1" name="newTalle2" onChange="cambiarTalle()" id="talleSelect">
 

[Adler]

Hola

Supongo que esto está en la función cambiarTalle

if (document.getElementById('talleSelect').selectedIn dex==8 && !isNaN(document.getElementById('multiplicar').valu e)){
newQuantity=8*document.getElementById('multiplicar ').value;}

cambialo por

Código Javascript:

if ((val==8) && (document.getElementById('multiplicar').value == '')){ 
        newQuantity=8*document.getElementById('multiplicar').value;}
 

Ahora llama a la función

onChange="cambiarTalle(this.options[this.selectedIndex].value)"

Suerte

[juanitoto]

adler he probado de todas formas con el ejemplo que me diste y no tube exito..

este if esta adentro de otra funcion y no en la de cambiarTalle...

Código Javascript:

if (document.getElementById('talleSelect').selectedIn dex==8 && !isNaN(document.getElementById('multiplicar').valu e)){ 
newQuantity=8*document.getElementById('multiplicar ').value;}
 

la funcion cambiar talle la tengo asi:

Código Javascript:

function cambiarTalle()
{
  document.itemsform.text3.value = 
     document.itemsform.newTalle.options [document.itemsform.newTalle.selectedIndex].value; 
     
 document.itemsform.text2.value = 
     document.itemsform.newTalle.options[document.itemsform.newTalle.selectedIndex].text;
         }
 

l
el cambio en el if que me dijiste lo he probado meter en la funcion cambiarTalle como me has dicho pero no logro que ande..
habra alguna otra manera?

[Adler]

Hola

No tiene sentido lo que dices, o al menos yo no se lo veo. Si el js está en otra función, ¿donde la estás llamando? Si no lo haces desde el select, ¿como pretendes que sepa el valor de que select recoger? Por lo tanto ¿qué sentido tiene que tengan el mismo id? ¿Complicarse la vida? Aclara un poco el asunto

Suerte

[Tecna]

Buenas,

parece que no te quedó tan claro como dijiste en el otro post, el id DEBE SER UNICO, sólo tienes que cambiar el nombre a uno de ellos. Por otro lado getElementsByName hace referencia al atributo name, no tiene nada que ver con ids. Los atributos name sí pueden tener el mismo valor en distintos elementos pero en tu ejemplo el valor es distinto. Además como puede haber varios elementos con el mismo name lo que devuelve getElementsByName es un array, así que habría que refererirse a cada elemento por su índice, en tu caso como no se repite el name el array sólo tendría un elemento, el [0]. Por eso entre otras cosas no funcionaría el ejemplo de KazerPowa, a parte de que está mal escrito, falta una s en getElementsByName y según tu ejemplo en name es newTalle o newTalle2, quedaría así:

Código Javascript:

document.getElementsByName('newTalle')[0]; // el primer select
 

pero ya que el name es único en este caso, sería más fácil hacerlo con getElementById ya que el id también es único, simplemente pon en el id el mismo valor que tienes en los name y dejaló como lo tenías al principio.

Otra cosa, ¿qué es un input type value? no creo que exista tal cosa.

[juanitoto]

donde iria esa linea que escribes .. ya estoy perdido
gracias

[Adler]

Hola

Prueba así

Código Javascript:

<html>
<head>
<script type="text/javascript"> 
function cambiarTalle(val,txt) {
document.itemsform.text2.value = txt;
document.itemsform.text3.value = val;
if (val == 25) {
document.itemsform.agregar1.value = val*8;
}
}
 
function buyItem(newQuantity) {
        
        alert(newQuantity);
    }
 
</script>
</head>
<body>
<form NAME="itemsform" >
 
<input TYPE="text" NAME="agregar1" VALUE="1" SIZE="3">     
 
<select size="1" name="newTalle" onChange="cambiarTalle(this.value,this.options[this.selectedIndex].innerHTML)" id="talleSelect">
<option value="26" selected>T1bb</option>
<option value="29">T12</option>
<option value="25">Curva</option>
</select>
 
<select size="1" name="newTalle2" onChange="cambiarTalle(this.value,this.options[this.selectedIndex].innerHTML)" id="talleSelect">
<option value="26" selected>T1bb</option>
<option value="29">T12</option>
<option value="25">Curva</option>
</select>
 
<input name="text2" type="text" style="border:0;" value="T1bb" size="2" >$
<input name="text3" type="text" style="border:0;" value="26" size="2">
 
<input name="cbtadd" type="button" value="Agregar" onClick="buyItem(document.itemsform.agregar1.value)" >
</form>
</body>
</html>
 

Suerte

[juanitoto]

hola adler gracias por tu ayuda! algo me sirvio
saludos