Tengo una selección desplegable que se agrega a un área de texto al cambiar. Configuré un botón simple para borrarlo que funciona, pero luego no puedo volver a agregar desde la selección desplegable.
Violín: https://jsfiddle.net/kreza/noy5gqfL/6/
fragmento jquery:
$('#criteriaSelect').change(function () { $('#inputCriteria').append((this.value + ';' + '\n')); }); $('#clearTextArea').click(function () { $('#inputCriteria').val(''); });¿Qué estoy haciendo mal?
Prueba este método $('#inputCriteria').empty();
los valores en áreas de texto se establecen con .val(). prueba esto:
$('#criteriaSelect').change(function () { $('#inputCriteria').val((this.value + ';' + '\n')); }); $('#clearTextArea').click(function () { $('#inputCriteria').val(''); });use así $('#inputCriteria').val($('#inputCriteria').val()+$(this).val() + ';' + '\n');
no lo use con append. para evitar el evento append en input,textarea etiqueta de área de texto
$('#criteriaSelect').change(function () { $('#inputCriteria').val($('#inputCriteria').val()+$(this).val() + ';' + '\n'); }); $('#clearTextArea').click(function () { $('#inputCriteria').val(''); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <select type="text" class="form-control" id="criteriaSelect"> <option disabled selected>Select One:</option> <option value="AASHTO">AASHTO Roadside Design Guide</option> <option value="RAMCAP">AWWA Risk and Resilience Management of Water and Wastewater Systems (RAMCAP)</option> <option value="CDOT DDM">CDOT Drainage Design Manual</option> <option value="CDOT MSS">CDOT M&S Standards</option> <option value="CDOT SSRBD">CDOT Standard Specifications for Road and Bridge Construction</option> <option value="CHPHE DWTW">CHPHE Design Criteria for Domestic Wastewater Treatment Works</option> <option value="CDPHE PWS">CDPHE Design Criteria for Potable Water Systems</option> <option value="CWCB FSCM">CWCB Floodplain Stormwater and Criteria Manual</option>k <option value="FHWA FIRBD">FHWA Framework for Improving Resilience of Bridge Design</option> <option value="FHWA Highways">FHWA Highways in the River Environment- Floodplains, Extreme Events, Risk and Resilience</option> <option value="FHWA CRBFHP">FHWA Standard Specs for Construction of Roads and Bridges on Federal Highway Projects</option> <option value="UDFCD USD">UDFCD Urban Storm Drainage Criteria Manuals</option> <option value="DSDM">Rules and Regulations for Dam Safety and Dam Construction</option> <option value="Other">Other Manuals Used</option> </select> <label for="inputCriteria" class="control-label">Select from drop-down:</label> <textarea class="form-control" rows="3" id="inputCriteria" style="resize: none;" disabled></textarea> <button class="btn-danger col-sm-2" id="clearTextArea">Clear</button>