Tengo una lista de recomendaciones de nombre de servidor de base de datos que proviene del backend, donde "driverName" y "connectionURL" para ese controlador deberían completarse automáticamente una vez que el usuario elige un servidor. Sé que es posible lograrlo con javascript, pero soy nuevo en el idioma. ¿Podría alguien por favor ayudarme?
<div class="form-group"> <form:label path="databaseServer">Database Server:</form:label> <form:select path="databaseServer" class="form-control"> <form:option value="None" label="Please Select a Database Server"/> <form:options items="${command.databaseServerMap}" /> </form:select> </div> <div class="form-group"> <form:label path="driverName">Driver Name:</form:label> <form:input path="driverName" class="form-control" readonly="true"/> </div> <div class="form-group"> <form:label path="connectionURL">connection URL:</form:label> <form:input path="connectionURL" class="form-control" readonly="true"/> </div>Estos son los mapas con los que estoy trabajando en el backend.
public Map<String, String> getDatabaseServerMap() { Map<String, String> driverList = new LinkedHashMap<>(); driverList.put("MySQL", "MySQL"); driverList.put("Postgres", "Postgres"); return driverList; } [1]: https://i.stack.imgur.com/HKUWd.pngEste código javaScript fue efectivo.
<script> $(function () { $('.selectDatabase').change(function(){ // console.log( $(this).val() ); const driverName=$('.driverName'); const connectionURL = $('.connectionURL'); if($(this).val()==='MySQL'){ driverName.val('com.microsoft.sqlserver.jdbc.SQLServerDriver'); connectionURL.val('jdbc:sqlserver://localhost:1433;databaseName=database'); driverName.attr('readonly',true); connectionURL.attr('readonly',true); }else if($(this).val()==='Other'){ driverName.val(''); connectionURL.val(''); driverName.attr('readonly',false); connectionURL.attr('readonly',false); }else{ driverName.val(''); connectionURL.val(''); driverName.attr('readonly',true); connectionURL.attr('readonly',true); } }); }); </script> <div class="form-group"> <form:label path="databaseServer">Database Server:</form:label> <form:select path="databaseServer" class="form-control selectDatabase"> <form:option value="None" label="Please Select a Database Server"/> <form:options items="${command.databaseServerMap}" /> </form:select> </div> <div class="form-group"> <form:label path="driverName">Driver Name:</form:label> <form:input path="driverName" class="form-control driverName" readonly="true"/> </div>