如何在html中打印jquery值

时间:2015-05-21 07:06:16

标签: javascript jquery html css ajax

这是我在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>

3 个答案:

答案 0 :(得分:2)

您应该使用textdiv内插入文字:

$('#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