webentwicklung-frage-antwort-db.com.de

Text an Eingabefeld anhängen

Ich muss etwas Text an ein Eingabefeld anhängen ...

94
Kevin Brown
    $('#input-field-id').val($('#input-field-id').val() + 'more text');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input id="input-field-id" />
193
Ayman Hourieh

Es gibt zwei Möglichkeiten. Aymans Ansatz ist der einfachste, aber ich würde noch eine zusätzliche Anmerkung hinzufügen. Sie sollten die Auswahl von jQuery wirklich zwischenspeichern, es gibt keinen Grund, $("#input-field-id") zweimal aufzurufen:

var input = $( "#input-field-id" );
input.val( input.val() + "more text" );

Die andere Option .val() kann auch eine Funktion als Argument annehmen. Dies hat den Vorteil, dass Sie problemlos an mehreren Eingängen arbeiten können:

$( "input" ).val( function( index, val ) {
    return val + "more text";
});
101
gnarf

Wenn Sie das Anhängen mehr als einmal verwenden möchten, können Sie eine Funktion schreiben:

//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);
}

Nachdem Sie es einfach anrufen können:

jQ_append('my_input_id', 'add this text');
17
Margus

Sie suchen wahrscheinlich nach val ()

5
kgiannakakis

	// Define appendVal by extending JQuery
	$.fn.appendVal = function( TextToAppend ) {
		return $(this).val(
			$(this).val() + TextToAppend
		);
	};
//_____________________________________________

	// And that's how to use it:
	$('#SomeID')
		.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>

Bei der Erstellung dieses Beispiels wurde ich irgendwie verwirrt. "ValueText" vs> Current NodeText <Wird .val() nicht für die Daten des value -Attributs ausgeführt? Jedenfalls können ich und du mich dies früher oder später klären. 

Der Punkt fürs Erste ist jedoch:

Wenn Sie mit form data arbeiten, verwenden Sie .val ().

Wenn Sie mit den meist read only-Daten zwischen den Tags arbeiten, verwenden Sie .text () oder .append (), um Text anzufügen.

3
Nadu
<!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>

Ausgabe  enter image description here

0
Ram Pukar