在组合框中填充数据

populating data in combo box

本文关键字：填充 数据 组合      更新时间：2023-09-26

请放心，我正在尝试解决问题，但无法解决，因此请求帮助。我在auto.jsp.中有两个组合框，分别命名为第一个组合框和第二个组合框

我通过第一个组合框的onchange事件在auto.jsp中的div中获得值，但我获得的值并没有填充在第二个组合框中，而是像明文一样显示在id combo2中。如何在第二个组合框中填充此数据。我试了很多，但都做不到，有什么想法吗？

auto.jsp 

<script type="text/javascript">
    $(document).ready(function() {
        $("#combo1").change(function() {
            $.get('combo.jsp', { combo1Val : $(this).val() }, function(responseData) {
                $("#combo2").replaceWith(responseData);
            });
        });
    });          
</script>
<body>
    <select id="combo1" name="combo1Val">// After onchange event of this combo box, second box is disappeared and i am getting value 1, how can i display this one inside the option value of second combo box?
        <option value="">select</option>
        <option value="1">One</option>//
    </select>
    <select id="combo2" name="combo2">
        <option value="">select</option>
        <option value="2">Two</option>
    </select>
</body>

comb.jsp

<% 
    String combo1Val=request.getParameter("comboVal");
    out.println(combo1Val);// displaying value 1 in auto.jsp in id combo2
%>

有什么想法吗？

尝试替换此行：

$("#combo2").replaceWith(responseData);

像这样的东西：

$("#combo2").append(
   $("<option></option>").html(responseData).val(responseData)
);

这应该会在第二个组合的末尾添加一个新选项，其中显示文本和value属性都将设置为responseData（因为您不会为它们返回单独的值）。

http://www.htmlgoodies.com/primers/jsp/

相关文章：