Mudar value do input pelo drop down

[laryts]

Olá...
Estou com um problema, tenho duas tabelas no banco que recebem exatamente o mesmo campo (código(auto-incremental), nome), fiz um form para cada um e gravo normal. Mas não ficou funcional, gostaria de colocar um form só e um dropdown para o usuário escolher qual tabela ele quer gravar.

segue o código:

<form id="form" method="post" align="center" action=javascript:action>
    <br>
    <h2>Cadastro</h2>
    <br>
    Tipo: 
    <select id="selectsearch" class="form-select" name="selectsearch" onChange="this.form.action = this.options[this.selectedIndex].value;
        <option id="sec" value="SecretariaController">Secrataria</option>
        <option id="car" value="CargoController">Cargo</option>
    </select><br>
    <br>


    <div class="field">
        Nome: 
        <input class="input" type="text" name="sec_nome" value="${sec.sec_nome}" id="soletra" autocomplete="off" />
        <p class="hint">Insira seu nome.</p>
    </div>


    <input type="submit" name="Enviar"  class="button" value="Enviar" onclick="Alerta()" />
    <input type="reset" value="Limpar" class="button"> <br />


</form> 

O que esta em negrito é o que eu gostaria de mudar para:

name="car_nome" value="${car.car_nome}"

[wootzor]

Não sei se é isto que pretendes, mas aqui vai. Utilizando jQuery:

$(document).ready(function () {
    $("#selectsearch").on("change", function () {
        if (this.value == "CargoController") {
            $("#soletra").attr("name", "car_nome")
                         .attr("value", "${car.car_nome}");
        }
        else {
            $("#soletra").attr("name", "sec_nome")
                         .attr("value", "${sec.sec_nome}");
        }
    });
});