unsichtbares, ausgefülltes Textfeld mittels Selektmenu wieder neutralisieren.

Guten Tag zusammen,

ich habe einen Webshop wo man die Produkte besticken lassen kann. Folgendes Problem ist jetzt aufgetaucht. Man hat ein Selektmenu mit Besticken? Ja/Nein. Wenn man JA auswählt erscheint darunter ein Textfeld wo man den Namen eintragen kann.
Ein Kunde hat jetzt aber auf JA geklickt, den Namen eingetragen und dann wieder auf NEIN geswitcht. Danach das Produkt in den Warenkorb gelegt. Dort steht jetzt Besticken? NEIN aber darunter noch der eingetragene Name. Wie kann ich es machen das das Textfeld wieder "neutralisiert" wird wenn der Kunde wieder auf "NEIN" klickt?

Code:

---

<script>
 
    addBestickWidgetCssToHead();
 
    $(document).on("change", "select[name=besticken]", function () {
        if ('Ja' == $(this).val()) {
            $('#bestick-widget-style').remove();
        }
        else {
            if (!$("#bestick-widget-style").length) {
                addBestickWidgetCssToHead();
            }
        }
    });
 
    function addBestickWidgetCssToHead() {
        $('head').append('<style type="text/css" id="bestick-widget-style">.options .widget-text {display:none}</style>');
    }
</script>

---