2

Debo enviar los datos de mi atributo tel a input

Mi Html

<select tipo="i" placeholder="" required="required" class="form-control" id="selCliente">
<option hidden="">Clientes</option>
<option value="5" tel="375">NOMBRE</option>
<option hidden="">Clientes</option>
<option value="9" tel="375">NOMBRE 2</option></select>

JS Input

<input type="text" class="input100" id="txtTelefono" tipo="i" placeholder="Telefono" required>
3
  • Bienvenido a StackOverFlow! Porfavor, trata de explicar un poco mejor en que necesitas ayuda, que errores te da y que has provado para solucionarlo,
    – Aimnox
    Commented el 16 may. 2019 a las 21:25
  • No existe un atributo tipo="" en un select, ni un atributo tel="" en un option o de dónde te basas para realizar tal cosa? Commented el 16 may. 2019 a las 21:40
  • Eso atributo los uso para validad la seguridad del formulario antes de hacer una insert a mi BD. Aun asi ya resolvi el problema, Saludos Commented el 16 may. 2019 a las 21:46

3 respuestas 3

5

Podrías utilizar el método attr() de jquery para obtener el atributo llamado tel, algo como esto:

$( "#selCliente" ).change(function() {
  var tel = $("option:selected",this).attr("tel");
  $("#txtTelefono").val(tel);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select tipo="i" placeholder="" required="required" class="form-control" id="selCliente">
<option hidden="">Clientes</option>
<option value="5" tel="375">NOMBRE</option>
<option hidden="">Clientes</option>
<option value="9" tel="375">NOMBRE 2</option></select>

<input type="text" class="input100" id="txtTelefono" tipo="i" placeholder="Telefono" required>

3

No es necesario que uses el this con que accedas al objecto y busques el value ya te sirve.

$("#selCliente").on('change', function(){
	$("#txtTelefono").val($("select option:selected").attr('tel'));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select tipo="i" placeholder="" required="required" class="form-control" id="selCliente">
<option hidden="">Clientes</option>
<option value="5" tel="375">NOMBRE</option>
<option hidden="">Clientes</option>
<option value="9" tel="375">NOMBRE 2</option></select>

<input type="text" class="input100" id="txtTelefono" tipo="i" placeholder="Telefono" required>

3
  • Si observas con atención el OP requiere enviar lo que esta en el atributo tel="" no el value, aunque no creo que eso sea posible. Commented el 16 may. 2019 a las 21:36
  • Lo que necesito postear en el input es el atributo "tel" no el "value" Commented el 16 may. 2019 a las 21:36
  • @CarlosFloresGléz editado para coger el tel
    – solamente
    Commented el 16 may. 2019 a las 21:56
2

Hola creo que seria así:

var tel=$('#selCliente > option:selected').attr('tel');
$('#txtTelefono').val(tel);

Mira a ver si eso te funciona, en resumen tienes que buscar el option de ese select que posee el tipo selected. Un saludo

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.