这是我在jQuery中的代码,当它的警报弹出时它工作正常,但我想在html体中打印这个我试过下面但是没有工作
// Do What You Want With Result .......... :)
$("#printermodel").change(function() {
//'you select
Model = ' + $('#manufacturer').val() + 'type=' + $('#printertype').val() + 'And Model=' + $('#printermodel').val()
alert('you select Model = ' + $('#manufacturer option:selected').text() + ' ,type= ' + $('#printertype option:selected').text() + ' And Model = ' + $('#printermodel option:selected').text());
});
});
<div id="manufacturer"></div>
答案 0 :(得分:2)
您应该使用text
在div
内插入文字:
$('#manufacturer').text($('#manufacturer option:selected').text());
文档:http://api.jquery.com/text/
如果您想在div
内添加HTML,可以使用html
代替text
答案 1 :(得分:1)
$('#manufacturer').html(('you select Model = '+
$('#manufacturer option:selected').text()+' ,type= '+
$('#printertype option:selected').text()+' And Model = '+
$('#printermodel option:selected').text());
答案 2 :(得分:0)
如果您想采用更复杂的方法,我建议您使用模板。 许多选项之一是使用官方jquery-tmpl插件。
您需要在网站中加入jquery和http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js
插件,然后您可以执行以下操作:
<强> HTML 强>
<div id="target"></div>
<强>使用Javascript:强>
$.tmpl( "<li>${Name}</li>", { "Name" : "John Doe" }).appendTo( "#target" );
您可以根据需要调整它,并从某个文件中读取模板(tmpl
的第一个参数)
请参阅此jsfiddle