请与我轻松,我正在努力解决但却无法寻求帮助。我有2个组合框,命名为第一个组合框,第二个组合框在auto.jsp。
我通过第一个组合框的onchange事件获取auto.jsp中div的值,但是我得到的值没有在第二个组合框中填充,而是在{{1}中显示为纯文本}}。如何在第二个组合框中填充此数据。我试了很多但是不能这样做,有什么想法吗?
id combo2
<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>
有什么想法吗?
答案 0 :(得分:1)
尝试替换此行:
$("#combo2").replaceWith(responseData);
有这样的事情:
$("#combo2").append(
$("<option></option>").html(responseData).val(responseData)
);
这应该在第二个组合的末尾添加一个新选项,其中显示文本和value
属性都将设置为responseData
(因为您没有为这些选项返回单独的值)。