86
ho bisogno di aggiungere del testo a un campo di input ...aggiungere testo al campo di input
A
risposta
166
$('#input-field-id').val($('#input-field-id').val() + 'more text');
+0
Grazie mille! –
+3
Per favore leggi anche la mia risposta a questa domanda - Non c'è davvero alcun motivo per chiamare '$ ('# input-field-id') due volte ... Risposta molto semplice - +1 – gnarf
+2
Mi sento come se dovessi essere una funzione che aggiunge al valore di un input come si può con 'innerHTML'. –
5
Probabilmente si sta cercando val()
17
Se si prevede di utilizzare aggiungendo più di una volta, si potrebbe voler scrivere una funzione:
//Append text to input element
function jQ_append(id_of_input, text){
var input_id = '#'+id_of_input;
$(input_id).val($(input_id).val() + text);
}
Dopo si può semplicemente chiamare:
jQ_append('my_input_id', 'add this text');
+0
Non riesco ad aggiungere un segnaposto a una casella di ricerca e desidero utilizzarlo e lasciare libera la casella quando l'utente posiziona il cursore nella casella di ricerca. È fattibile? – KevinOrin
92
Ci sono due opzioni. L'approccio di Ayman è il più semplice, ma aggiungerei una nota in più. Si dovrebbe davvero in cache selezioni jQuery, non v'è alcun motivo per chiamare $("#input-field-id") due volte:
var input = $("#input-field-id");
input.val(input.val() + "more text");
L'altra opzione, .val() può anche prendere una funzione come argomento. Questo ha l'advantange di facile lavorare su più ingressi:
$("input").val(function(index, val) {
return val + "more text";
});
3
\t // Define appendVal by extending JQuery
\t $.fn.appendVal = function(TextToAppend) {
\t \t return $(this).val(
\t \t \t $(this).val() + TextToAppend
\t \t);
\t };
//_____________________________________________
\t // And that's how to use it:
\t $('#SomeID')
\t \t .appendVal('This text was just added')<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<textarea
id = "SomeID"
value = "ValueText"
type = "text"
>Current NodeText
</textarea>
</form>Beh, quando la creazione di questo esempio ho in qualche modo avuto un po 'confuso. "ValueText" vs>NodeText attuale < non .val() dovrebbe funzionare sui dati del valore dell'attributo? Comunque io e te potremmo chiarire questo prima o poi.
Tuttavia il punto per ora è:
Quando si lavora con dati del modulo utilizzare .val().
Quando si tratta di dati per lo più sola lettura tra il tag utilizza .text() o .append() per aggiungere del testo.
+1
Questo aggiunge qualcosa di nuovo per rispondere meglio alla domanda? Capisco che tu stia solo facendo un'estensione, ma a questo è stata data risposta per un po 'di tempo. Voglio solo assicurarmi che la qualità di SO venga confermata. –
+1
Grazie per la cura - Mi piace. Ma sì, hai ragione, non c'è molto di nuovo l'essenza rimane uguale. Tuttavia, quando digerisco le risposte attuali, ho sentito che si poteva fare un po 'di attenzione sullo stile e sull'implementazione. Per prima cosa ho controllato se alcuni dei post potevano essere modificati, ma alla fine ho pensato che fosse meglio crearne uno nuovo. Quindi, cosa c'è di nuovo: * È possibile eseguire il snipped. * L'estensione aiuta molto a scrivere codice auto-documentante, senza distogliere troppo l'essenza. – Nadu
0
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<style type="text/css">
*{
font-family: arial;
font-size: 15px;
}
</style>
</head>
<body>
<button id="more">More</button><br/><br/>
<div>
User Name : <input type="text" class="users"/><br/><br/>
</div>
<button id="btn_data">Send Data</button>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('#more').on('click',function(x){
var textMore = "User Name : <input type='text' class='users'/><br/><br/>";
$("div").append(textMore);
});
$('#btn_data').on('click',function(x){
var users=$(".users");
$(users).each(function(i, e) {
console.log($(e).val());
});
})
});
</script>
</body>
</html>
uscita 
Problemi correlati
- 1. Campo HTML Testo di input Campo segnaposto
- 2. testo predefinito nel campo di input
- 3. Aggiungere un prefisso/suffisso al valore del tag di input
- 4. come aggiungere al valore di un campo di input con Jquery
- 5. Rilevamento del "valore" del campo di testo di input dopo un evento keydown nel campo di testo?
- 6. Non riesco a digitare Campo di testo di input React
- 7. Campo di input, testo a capo invece di estendere orizzontalmente
- 8. come aggiungere un valore sul campo di input quando lo si aggiunge al DOM utilizzando jquery
- 9. Come aggiungere un nuovo campo di input nascosto al modulo su submit
- 10. Attendi fino al testo presente nel campo di testo
- 11. Input personalizzatoVisualizza per UITextField, come posso reindirizzare l'input al campo di testo?
- 12. Ottieni input da tastiera senza campo di testo/vista
- 13. Come allineare il testo di input del campo giusto?
- 14. Allineamento a destra del testo nel campo di input HTML
- 15. Come aggiungere un input non correlato al modello con Formtastic
- 16. PhoneGap android: tastiera si sovrappone al campo di input
- 17. Calcolatrice Java aggiungi numeri al campo di testo
- 18. jQuery campo di input dinamico attenzione
- 19. Accoda il campo di testo di input con il valore di un div
- 20. Emojis sul testo di input
- 21. aggiungere una stringa di testo in un campo di input quando l'utente fa clic su un pulsante di
- 22. Rails, convalidare maxlength di campo di input
- 23. Aggiungere campi di input dinamicamente con wtforms
- 24. Aggiungere id mettere in campo con ui: dichiarazione di campo
- 25. Come si crea un testo, all'interno di un campo di testo di input, in grassetto?
- 26. Spostamento di un focus quando il campo di testo di input raggiunge una lunghezza massima
- 27. È necessario aggiungere del testo al rettangolo
- 28. Il testo non inizia dalla parte superiore sinistra del campo di testo di input
- 29. Fare un campo di input HTML visualizzato come solo il testo nel campo
- 30. filigrana di input testo utilizzando bindingHandler personalizzato
possibile duplicato [E 'possibile fare ".value + =" in JQuery?] (Http://stackoverflow.com/questions/1224133/is-it-possible -to-do-value-in-jquery) –