如何使用spring MVC在组合框中选择一个选项

Question

这是我的第一篇文章 :) 我想选择组合框的一个选项，并且取决于此选项，您想打印一个标签或另一个标签。例如，如果我选择 option->dni，则标签将为 DNI: 或者如果我选择 option->nombre，则标签将为 Nombre:

   <div class="campos">
    <div class="campo">
        <form:label path="buscarPor">Buscar Por:</form:label>
        <div>
            <select name="buscarPor" id="buscarPor">
                <option value="dni">DNI</option>
                <option value="nombre">Nombre</option>
                <option value="Departamento">Departamento</option>
                <option value="Área de Conocimiento">Área de Conocimiento</option>
            </select>
        </div>



    <script type="text/javascript">
    function cargarLabel(){
        var seleccionado = $(this).val();
        if(seleccionado == 'dni'){

            $('#seleccion').html('<div class="campo">'+'<form:label path="seleccion">DNI:</form:label>'+
                    '<div>'+'<form:input path="seleccion"/>'+'<form:errors path="seleccion"/>'+'</div>'+'</div>');
        }if(seleccionado == 'nombre'){

            $('#seleccion').html('<div class="campo">'+'<form:label path="seleccion">Nombre:</form:label>'+
                    '<div>'+'<form:input path="seleccion"/>'+'<form:errors path="seleccion"/>'+'</div>'+'</div>');
        }
    }

    $(function () {
        $('#buscarPor').change(cargarLabel);
    });

    </script>
    </div>

    <div class="campo">
    <form:label path="seleccion">??</form:label>
        <div>
            <form:input path="seleccion"/>
            <form:errors path="seleccion"/>
        </div>
    </div>

Answer 1

首先，将<form:label path="buscarPor">Buscar Por:</form:label> 的path 属性更改为其他内容。 Spring 标记库生成一个相同值的id 属性，这将与您的选择标记的id 属性直接冲突。这就是为什么在您当前的代码中，jquery 选择您的label 标记而不是select 标记并将change 事件绑定到它的原因。

也就是说，还请查看JSFiddle 以了解解决此问题的正确方法。我认为您的方法过于冗长，您可以通过避免所有这些 if/else 块来帮自己一个忙。