在组合框中填充数据

时间:2012-02-10 09:55:11

标签: javascript jquery ajax jsp

请与我轻松,我正在努力解决但却无法寻求帮助。我有2个组合框,命名为第一个组合框,第二个组合框在auto.jsp。

我通过第一个组合框的onchange事件获取auto.jsp中div的值,但是我得到的值没有在第二个组合框中填充,而是在{{1}中显示为纯文本}}。如何在第二个组合框中填充此数据。我试了很多但是不能这样做,有什么想法吗?

auto.jsp

id combo2

combo.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>

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

尝试替换此行:

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

有这样的事情:

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

这应该在第二个组合的末尾添加一个新选项,其中显示文本和value属性都将设置为responseData(因为您没有为这些选项返回单独的值)。

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