Visualizzazione dei risultati da 1 a 9 su 9
  1. #1

    cambiamento automatico di value in input type text

    Ciao ragazzi! Ho una select dove seleziono una scelta, ecco un esempio:


    codice:
    <select name="tipo" id="tipo" class="selecttext">
       <option  value="APP">Appartamento</option>
       <option  value="VIL">Villa</option>
       <option  value="COM">Locale commerciale</option>    
       <option  value="TED">Terreno</option>
    </select>

    e poi ho due input text, ecco un altro esempio:

    codice:
    <input type="text" class="inputsearchdown"  value="mq min" name="mqmin" onFocus="if (this.value=='mq min') {this.value=''};" onBlur="if (this.value=='') {this.value='mq min'};" onkeypress="return numbersOnly(this, event);" onpaste="return false;" onchange="return soloN(this);" />
    
    <input type="text" class="inputsearchdown"  value="mq max" name="mqmax" onFocus="if (this.value=='mq max') {this.value=''};" onBlur="if (this.value=='') {this.value='mq max'};" onkeypress="return numbersOnly(this, event);" onpaste="return false;" onchange="return soloN(this);" />

    Negli input text notate che c'è value="mq max" e value="mq min"!
    Io devo fare in modo che se l'utente seleziona appartamento quel value="mq min" deve diventare value="vani min" e value="mq max" deve diventare vani max.
    Mentre con terreno naturalmente si deve parlare di mq min e mq max.

    Si può fare una cosa del genere?


  2. #2
    Dando un id diverso ai 2 input, all'onchange della select a seconda del value della option selezionata usi

    codice:
    document.getElementById('idinput1').value='valore';
    per impostare il valore dell'input
    lolide
    Java Programmer

    Informati

  3. #3
    potresti essere un po' più specifico per piacere? Anche sugli esempi che ho incollato, te ne sarei grato perché non sono molto pratico di javascript... se puoi grazie



  4. #4
    se ho capito quello che vuoi fare:
    codice:
    <script>
    	function change(object){
    		var value=object.value;
    		if(value=="VIL") {
    					document.getElementsByName("mqmin")[0].value="vani min";
    					document.getElementsByName("mqmax")[0].value="vani max";
    						}
    						else {
    							document.getElementsByName("mqmin")[0].value="mq min";
    							document.getElementsByName("mqmax")[0].value="mq max";
    						}
    	}
    </script>
    
    
    <select name="tipo" id="tipo" class="selecttext" onChange="change(this);">
    
    
    //il resto è uguale

  5. #5
    Grazie akkressor, scusa se rispondo così in ritardo, ma per via del lavoro ho poco tempo per stare al pc

    Il tuo codice funziona alla perfezione, ho un solo problema però, ora ti incollo il codice e poi ti spiego qual'è, forse è una sciocchezza ma io non so risolvere.

    Metto gli script per primi e poi gli input, omettendo la select tanto l'hai già vista prima:


    codice:
    
    <script>
    function change(object){
    	var value=object.value;
    	if(value=="VIL" || value=="APP" || value=="UFF" ) {
    		document.getElementsByName("areamin")[0].value="vani min";
    		document.getElementsByName("areamax")[0].value="vani max";
    	}
    
    	else {
    		document.getElementsByName("areamin")[0].value="mq min";
    		document.getElementsByName("areamax")[0].value="mq max";
    	}
    
    }
    </script>
    
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    
    <script type="text/javascript" src="js/italia.js"></script>
    
    
    <script type="text/javascript">
    
    function numbersOnly(oToCheckField, oKeyEvent) {
    	return oKeyEvent.charCode === 0 || /\d/.test(String.fromCharCode(oKeyEvent.charCode));
    }
    </script>
    
    
    
    <td>
    	<input type="text" class="inputsearchdown"  value="mq min" name="areamin" onFocus="if (this.value=='mq min') {this.value=''};" onBlur="if (this.value=='') {this.value='mq min'};" onkeypress="return numbersOnly(this, event);" onpaste="return false;" onchange="return soloN(this);" />
    </td>
    
    <td style="padding-left:10px;">
    	<input type="text" class="inputsearchdown"  value="mq max" name="areamax" onFocus="if (this.value=='mq max') {this.value=''};" onBlur="if (this.value=='') {this.value='mq max'};" onkeypress="return numbersOnly(this, event);" onpaste="return false;" onchange="return soloN(this);" />
    </td>


    Come puoi vedere c'è del codice che mi serve per ripulire l'input dal suggerimento quando ci clicco con il mouse, il problema ora è che quando cambio la selezione con la select e da mq diventa automaticamente vani, l'input non si ripulisce più al click, ma devo farlo con la tastiera, mentre quando si tratta di mq si ripulisce, si può risolvere?
    Spero di essere riuscito a spiegarmi
    Come sempre grazie


  6. #6
    naturalmente spero di risolverlo questo problema ^_^

  7. #7
    Continuo qui. In attesa di una risposta gentile

  8. #8
    yawn

  9. #9
    non ho capito cosa vuoi fare...se vuoi resettare l'input quando uno ci clicca dentro basta che togli la condizione sul focus...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.