Skip to main content
se eliminaron 3 caracteres en el cuerpo
Origen Enlace
phpMyGuel
  • 14.8k
  • 1
  • 22
  • 38

function cambioOpciones(indicador) {      
      document.getElementById('indicativo').value = indicador;
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
  <script type="text/javascript"></script>
    <title>help</title> 
</head>
<body>  
    <div>
        <label>
            País
        </label>
            <select name="pais_txt" id="pais" onchange="cambioOpciones(this.options[this.selectedIndex].dataset.indicador);"required>
                <option value="Alemania" data-indicador="49">   Alemania    </option>
                <option value="Argentina" data-indicador="54">  Argentina   </option>
                <option value="Colombia" data-indicador="52">   Colombia    </option>
            </select>       
    </div>
    <br>
    <div>
        <label>
            Indicativo
            <input name="indicativo_txt" id="indicativo" size="2" readonly/>
        </label>                
    </div>
</body>
</html>

Te propongo una solución que se apoya en los atributos personalizados de HTML5. De esta manera puedes preservar el value que tenías en los options.

function cambioOpciones(indicador) {      
      document.getElementById('indicativo').value = indicador;
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
  <script type="text/javascript"></script>
    <title>help</title> 
</head>
<body>  
    <div>
        <label>
            País
        </label>
            <select name="pais_txt" id="pais" onchange="cambioOpciones(this.options[this.selectedIndex].dataset.indicador);"required>
                <option value="Alemania" data-indicador="49">   Alemania    </option>
                <option value="Argentina" data-indicador="54">  Argentina   </option>
                <option value="Colombia" data-indicador="52">   Colombia    </option>
            </select>       
    </div>
    <br>
    <div>
        <label>
            Indicativo
            <input name="indicativo_txt" id="indicativo" size="2" readonly/>
        </label>                
    </div>
</body>
</html>

Te propongo una solución que se apoya en los atributos personalizados de HTML5. De esta manera puedes preservar el value que tenías en los options.

function cambioOpciones(indicador) {      
  document.getElementById('indicativo').value = indicador;
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
  <script type="text/javascript"></script>
    <title>help</title> 
</head>
<body>  
    <div>
        <label>
            País
        </label>
            <select name="pais_txt" id="pais" onchange="cambioOpciones(this.options[this.selectedIndex].dataset.indicador);"required>
                <option value="Alemania" data-indicador="49">   Alemania    </option>
                <option value="Argentina" data-indicador="54">  Argentina   </option>
                <option value="Colombia" data-indicador="52">   Colombia    </option>
            </select>       
    </div>
    <br>
    <div>
        <label>
            Indicativo
            <input name="indicativo_txt" id="indicativo" size="2" readonly/>
        </label>                
    </div>
</body>
</html>

Te propongo una solución que se apoya en los atributos personalizados de HTML5. De esta manera puedes preservar el value que tenías en los options.

se eliminaron 267 caracteres en el cuerpo
Origen Enlace
phpMyGuel
  • 14.8k
  • 1
  • 22
  • 38

function cambioOpciones(indicador) {      
        /*Aqui es donde no se como hacer la comparacion para que el imput indicativo tome los valores del array dependiendo el pais que elija el usuario*/
    document.getElementById('indicativo').value = indicador;
    /*la salida esperada seria usuario elige colombia el imput deberia tomar la posicion del array que es 52*/
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
  <script type="text/javascript"></script>
    <title>help</title> 
</head>
<body>  
    <div>
        <label>
            País
        </label>
            <select name="pais_txt" id="pais" onchange="cambioOpciones(this.options[this.selectedIndex].dataset.indicador);"required>
                <option value="Alemania" data-indicador="49">   Alemania    </option>
                <option value="Argentina" data-indicador="54">  Argentina   </option>
                <option value="Colombia" data-indicador="52">   Colombia    </option>
            </select>       
    </div>
    <br>
    <div>
        <label>
            Indicativo
            <input name="indicativo_txt" id="indicativo" size="2" readonly/>
        </label>                
    </div>
</body>
</html>

Te propongo una solución que se apoya en los atributos personalizados de HTML5. De esta manera puedes preservar el value que tenías en los options.

function cambioOpciones(indicador) {      
        /*Aqui es donde no se como hacer la comparacion para que el imput indicativo tome los valores del array dependiendo el pais que elija el usuario*/
    document.getElementById('indicativo').value = indicador;
    /*la salida esperada seria usuario elige colombia el imput deberia tomar la posicion del array que es 52*/
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
  <script type="text/javascript"></script>
    <title>help</title> 
</head>
<body>  
    <div>
        <label>
            País
        </label>
            <select name="pais_txt" id="pais" onchange="cambioOpciones(this.options[this.selectedIndex].dataset.indicador);"required>
                <option value="Alemania" data-indicador="49">   Alemania    </option>
                <option value="Argentina" data-indicador="54">  Argentina   </option>
                <option value="Colombia" data-indicador="52">   Colombia    </option>
            </select>       
    </div>
    <br>
    <div>
        <label>
            Indicativo
            <input name="indicativo_txt" id="indicativo" size="2" readonly/>
        </label>                
    </div>
</body>
</html>

Te propongo una solución que se apoya en los atributos personalizados de HTML5. De esta manera puedes preservar el value que tenías en los options.

function cambioOpciones(indicador) {      
      document.getElementById('indicativo').value = indicador;
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
  <script type="text/javascript"></script>
    <title>help</title> 
</head>
<body>  
    <div>
        <label>
            País
        </label>
            <select name="pais_txt" id="pais" onchange="cambioOpciones(this.options[this.selectedIndex].dataset.indicador);"required>
                <option value="Alemania" data-indicador="49">   Alemania    </option>
                <option value="Argentina" data-indicador="54">  Argentina   </option>
                <option value="Colombia" data-indicador="52">   Colombia    </option>
            </select>       
    </div>
    <br>
    <div>
        <label>
            Indicativo
            <input name="indicativo_txt" id="indicativo" size="2" readonly/>
        </label>                
    </div>
</body>
</html>

Te propongo una solución que se apoya en los atributos personalizados de HTML5. De esta manera puedes preservar el value que tenías en los options.

Origen Enlace
phpMyGuel
  • 14.8k
  • 1
  • 22
  • 38

function cambioOpciones(indicador) {      
        /*Aqui es donde no se como hacer la comparacion para que el imput indicativo tome los valores del array dependiendo el pais que elija el usuario*/
    document.getElementById('indicativo').value = indicador;
    /*la salida esperada seria usuario elige colombia el imput deberia tomar la posicion del array que es 52*/
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
  <script type="text/javascript"></script>
    <title>help</title> 
</head>
<body>  
    <div>
        <label>
            País
        </label>
            <select name="pais_txt" id="pais" onchange="cambioOpciones(this.options[this.selectedIndex].dataset.indicador);"required>
                <option value="Alemania" data-indicador="49">   Alemania    </option>
                <option value="Argentina" data-indicador="54">  Argentina   </option>
                <option value="Colombia" data-indicador="52">   Colombia    </option>
            </select>       
    </div>
    <br>
    <div>
        <label>
            Indicativo
            <input name="indicativo_txt" id="indicativo" size="2" readonly/>
        </label>                
    </div>
</body>
</html>

Te propongo una solución que se apoya en los atributos personalizados de HTML5. De esta manera puedes preservar el value que tenías en los options.