jquery ausgewählten Wert aus dem Textfeld entfernen

Question

<input class="y" id="imploding_feature3" type="hidden" name="product_labels_module[3][manual_products]" value=",,,,62,108,,45,"> 


<input class="y" id="imploding_feature4" type="hidden" name="product_labels_module[4][manual_products]" value=",,,,45,78,,26,"> 

Ich möchte den vom Benutzer eingegebenen Wert erhalten und dann den Wert löschen. Zum Beispiel, der Benutzer gibt den Wert 45 ein, dann werden alle 45 in der Textbox entfernt, aber der andere Wert wird daran erinnern, wie kann ich das mit jquery tun?

Answer 1

überprüfen Sie die Ausgabe dieser Demo, ich glaube, es tut, was Sie wollen.

Aktualisiert Skript:

$('#removeProduct').on('click', function() { 
 
\t var input = $('#productId').val(); 
 
    
 
    // loop through each imploding_feature and remove value if exist 
 
    $('input[id^="imploding_feature"]').each(function(ndx, elem) { 
 
    \t var values = $(elem).val(); 
 
     console.log('before =', values); 
 
     var valuesarray = values.split(',').map(function(val, ndx) { 
 
     \t return (val === input)?'':val; 
 
    \t }).join(','); 
 
     $(elem).val(valuesarray); 
 
     console.log('after =', valuesarray); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="productId" value=""> 
 
<button id="removeProduct"> 
 
remove product id 
 
</button> 
 
<input class="y" id="imploding_feature3" type="hidden" name="product_labels_module[3][manual_products]" value=",,,,62,108,,45,"> 
 

 

 
<input class="y" id="imploding_feature4" type="hidden" name="product_labels_module[4][manual_products]" value=",,,,45,78,,26,">

Answer 2

$('#imploding_featurel').on('keyup', function(e) { 
    // enter 
    if (e.keyCode == 13) { 
    // get the value 
    var value = $(this).val() 

    // empty this 
    $(this).val('').html('') 
    } 
}) 

hören keyup/keypress. Vielleicht können Sie eine Schaltfläche hinzufügen, um click Listener hinzuzufügen.

Answer 3

Sie brauchen keine jquery, um dies zu tun. Verwenden Sie einfach JS, um den Feldwert dieses Elements auf eine leere Zeichenfolge festzulegen.

Answer 4

Hier ist mein Beispiel:

// assign the value in a variable. 
    var textValue = $("#inputSample").val(); 
    // this will remove the value in your input element. 
    $("#inputSample").val(""); 

die Textwert Variable den Wert des Eingangselements aufweist.

Answer 5

Angenommen, Sie möchten die Werte in einem Array behalten. Lassen Sie uns also ein Werte-Array erstellen, in dem die Werte gespeichert werden. Dann für jede Wertänderung des Feldes wir nur das Array speichern und leeren Sie ihn

var values=[]; 
    $(document).ready(function(){ 

    //create a value container array 


    $('#imploding_feature1').change(function(e) { 
     values.push($(this).val()); 
     $(this).val(''); 
    }); 
});