Javascript 如何使用SpringMVC在combobox中选择选项

Javascript 如何使用SpringMVC在combobox中选择选项,javascript,forms,spring,select,option,Javascript,Forms,Spring,Select,Option,这是我的第一篇帖子:) 我想选择组合框的一个选项,并且依赖于这个选项,我想打印一个标签或另一个标签。例如,如果我选择了option->dni,标签将是dni:或者如果我选择了option->nombre,标签将是nombre: <div class="campos"> <div class="campo"> <form:label path="buscarPor">Buscar Por:</form:label>

这是我的第一篇帖子:) 我想选择组合框的一个选项,并且依赖于这个选项,我想打印一个标签或另一个标签。例如,如果我选择了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>

公共汽车站:
DNI
名义
部门
Área de Conocimiento
函数cargarLabel(){
var seleccionado=$(this.val();
如果(seleccionado=='dni'){
$('#seleccion').html('+'DNI:'+
''+''+''+''+'');
}如果(seleccionado=='nombre'){
$('#seleccion').html('+'名称:'+
''+''+''+''+'');
}
}
$(函数(){
$('buscarPor')。更改(cargarLabel);
});
??

第一件事首先,将
客车Por:
路径属性更改为其他属性。Spring标记库生成一个值相同的
id
属性,该属性将直接与select标记的
id
属性冲突。这就是为什么在当前代码中,jquery选择
label
标记而不是
select
标记,并将
change
事件绑定到它


也就是说,看看这个问题的正确解决方法。我觉得你的方法太冗长了,你可以帮自己一个忙,避免所有的if/else块。

如果这回答了你的问题,你能投票并接受这个答案吗?我不能投票,因为我没有声誉,对不起,我不在这一页