De un select a un input typet='text'

Iniciado por Enigma_Hash, 10 Abril 2013, 21:17 PM

0 Miembros y 1 Visitante están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario

Enigma_Hash

10 Abril 2013, 21:17 PM Ultima modificación: 10 Abril 2013, 21:18 PM por Enigma_Hash
Hola me gustaria saber de que forma poddria que segun lo que selecciones en el select se ponga ese texto en el input.


PD: No se si va aqui o en programacion general xDD
Gracias.

TrashAmbishion

#1
10 Abril 2013, 22:50 PM
Que tal, no esperes que te pongan como se hace trata hacer un poco mas...

Si te digo que para eso te puedes apoyar en javascript todos estos controlos tienen "eventos", buscan en el evento select o click de ese control...

Salu2

l337*

#2
10 Abril 2013, 23:37 PM
jquery

var valsel = $('#id').val();
$('#idTxt').val(valsel);

TrashAmbishion

#3
11 Abril 2013, 00:05 AM
Cita de: l337* en 10 Abril 2013, 23:37 PM
jquery

var valsel = $('#id').val();
$('#idTxt').val(valsel);

Igual tiene que hacer una funcion para cuando se seleccione un elemento del select y entonces vincular ese codigo...

salu2  :rolleyes:

Phantasy

#4
11 Abril 2013, 14:14 PM
No se si lo he entendido bien, creo que pides algo parecido a esto.

Es un ejemplo muy facil, sencillo y rapido.

Código [Seleccionar]
<html>
<body>

<select id="provincia" name="provincia" onchange="mostrar();">
<option value="0">Seleccione una provincia</option>
<option value="1">Almería</option>
<option value="2">Málaga</option>
<option value="3">Murcia</option>
<option value="4">Valencia</option>
</select>

<script>

function mostrar(){

var v = "Seleccione una provincia";

if(document.getElementById("provincia").value=="1"){

v="Almeria";

}

if(document.getElementById("provincia").value=="2"){

v="Malaga";

}

if(document.getElementById("provincia").value=="3"){

v="Murcia";

}

if(document.getElementById("provincia").value=="4"){

v="Valencia";

}

document.getElementById("mostrar").value=v;

}

</script>

<input type="text" disabled="disabled" id="mostrar" />

</body>
</html>


Un saludo.

Enigma_Hash

#5
11 Abril 2013, 19:34 PM
Perdon pero eso era la primera parte de la pregunta xD.
Cuando la seleccion del select ya esta en el input como puedo hacer para que busque autaomaticamente?
Nose si hay algun modo de simular las teclas del teclado y que se ejecuten (el input esta con un autocomplete y me gustaria seleccionar la primera opcion sin tener que seleccionar y dandole enter)
E estado buscando durante toda la mañana y no encuentro nada si alguien sabe gracias.

HTML:

Código [Seleccionar]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Mapa</title>
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="js/mapa.js"></script>
<script type="text/javascript" src="js/util.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
</head>
<body onload="mostrarmap()">
<div align="center">
      <input name="address" id="address" type="text" size="50" onchange="">
      <input type="button" onclick="limpiar()" value="limpiar busqueda">
      <input type="button" onclick="clearOverlays()" value="borrar marcadores">
      <input type="button" onclick="showmarks()" value="mostrar markers">
      <input type="text" name="lat" id="lat" size="20">
      <input type="text" name="long" id="long" size="20">
</div>
<div id="map"></div>
  <div id="dircat" align="center">
    <select name="select" id="datos" onchange="pasardatos()" size="5">
    <option>Calle Ainz&oacute;n, Zaragoza, Espa&ntilde;a</option>
    <option>Calle Alcalde G&oacute;mez Laguna, Zaragoza, Espa&ntilde;a</option>
    <option>Calle C&aacute;diz, 8, 50004 Zaragoza, Espa&ntilde;a</option>
    <option>Avenida Pablo Gargallo, 50003 Zaragoza, Espa&ntilde;a</option>
    <option>Calle Santa Ines, 50003 Zaragoza, Espa&ntilde;a</option>
    <option>Calle la V&iacute;a, 50009 Zaragoza, Espa&ntilde;a</option>
      </select>
<ul id="check">
      <li>
        <label>Cine</label>
        <input type="checkbox" id="chk1" name="chk1" />
      </li>
      <li>
        <label>Restaurantes</label>
        <input type="checkbox" id="chk2" name="chk2" />
      </li>
      <li>
        <label>gimnasios</label>
        <input type="checkbox" id="chk3" name="chk3" />
      </li>
    </ul>
</div>
</body>
</html>

JS:

Código [Seleccionar]
      var markersArray = [];
        var map;
        var geocoder;
        var fldAddr;
        var fldLng;
        var fldLat;
function mostrarmap(){
  div = document.getElementById('map');
        fldAddr = document.getElementById("address");
        fldLng = document.getElementById("long");
        fldLat = document.getElementById("lat");
  geocoder = new google.maps.Geocoder();
var zaragoza = new google.maps.LatLng(41.64871420000001, -0.8896260000000211);
var opciones = {
    zoom : 14,
    center: zaragoza,
    disableDefaultUI: true,
    zoomControl: true,
  zoomControlOptions: {
  style: google.maps.ZoomControlStyle.SMALL
  },
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(div, opciones);
google.maps.event.addListener(map, 'click', function(event) {
            addMarker(event.latLng);
});
        var autocomplete = new google.maps.places.Autocomplete(fldAddr);
        autocomplete.bindTo('bounds', map);
        google.maps.event.addListener(autocomplete, 'place_changed', function() {
  var place = autocomplete.getPlace();
  if (place.geometry.viewport) {
    map.fitBounds(place.geometry.viewport);
}
else {
    map.setCenter(place.geometry.location);
    map.setZoom(17);
    var marker = new google.maps.Marker({
        position: place.geometry.location,
        animation: google.maps.Animation.DROP,
        map: map,
        draggable: true,
           });
        markersArray.push(marker);
        google.maps.event.addListener(marker, "dragend", function() {
var coords = this.getPosition()
fldLat.value = coords.lat();
fldLng.value = coords.lng();
});
    }
  marcarDireccion();
});
}
function marcarDireccion() {
           fldAddr.value = fldAddr.value.trim();
           if (fldAddr.value) {
              fldLat.value = "";
              fldLng.value = "";
              geocoder.geocode({'address': fldAddr.value}, function(results, status) {
                 if (status == google.maps.GeocoderStatus.OK) {
                    map.setCenter(results[0].geometry.location);
                    fldLat.value = results[0].geometry.location.lat();
                    fldLng.value = results[0].geometry.location.lng();
                    var txt = fldAddr.value = results[0].formatted_address;
                    if (txt) {
                       var calleCiudad = txt.split(',', 2);
                       txt = calleCiudad[0].trim() + "\n" + calleCiudad[1].trim() + "\n";
                    }
                    txt += "lat: " + fldLat.value + "\nlng: " + fldLng.value + "\n";
                    map.setZoom(17);
                 }
              });
           }
        }
function clearOverlays() {
  if (markersArray) {
    for (i in markersArray) {
      markersArray[i].setMap(null);
    }
    markersArray.length=0;
  }
}
function pasardatos(){
var datoseleccionado = document.getElementById("datos").value
fldAddr.value=datoseleccionado;
fldAddr.focus();
}
function limpiar(){
fldAddr.value="";
}
Imprimir
Ir Arriba Páginas1
Acciones del Usuario