如何使用jQuery附加HTML? [英] How to append html using jQuery?

查看:89
本文介绍了如何使用jQuery附加HTML?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我一直试图将html数据从html文件追加到html页面.看起来很简单,但是没有用!你能帮我吗?

I have been trying to append html data from a html file to a html page. It seems to be something very simple, but it is not working! Can you help me?

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        var theCitiesList="<?php echo htmlentities(file_get_contents("cityOptions.html")); ?>";
        $("select#chooseCity").html(theCitiesList);                 
    });
</script>
</head>
<body> 
    <FORM id="searchForm">
        <h2>Selecione uma cidade: </h2>            
        <select id="chooseCity"></select>
    </FORM>
</body>  
</html>     

cityOptions.html基本上是一长串城市,例如:

cityOptions.html is basically a long list of cities such as:

        <option value="" selected></option>
        <option value="1">California</option>
        <option value="2">New York</option>

推荐答案

.load()是$ .get()的快捷方式:

$(document).ready(function() {
    $.get('cityOptions.html', function(data) {
        $('#chooseCity').html(data);
    });            
});

这篇关于如何使用jQuery附加HTML?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆