使用JQuery控制输出规定大小的图片

最新推荐文章于 2022-04-10 21:47:44 发布

qizhichao110

最新推荐文章于 2022-04-10 21:47:44 发布

阅读量804

点赞数

分类专栏： JQuery知识点

本文链接：https://blog.csdn.net/qizhichao110/article/details/8826251

版权

JQuery知识点专栏收录该内容

32 篇文章 0 订阅

订阅专栏

<head>
    <title></title>
    <script src="jquery-1.9.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {

            var id = 0;
            var tupian;
            var zfc;
            $('#Text1').blur(function () {

                var niwid = id++;
                var ming = $('#select2 option:selected').text();
                var zhi = $('#Text1').val();
                $('#shuxing').append('<p id=p' + id + '>' + ming + '=' + zhi + '</p><input id=b' + id + ' type="button" value="删除" οnclick="remove(' + id + ')" />')
                zfc += $('#select2 option:selected').val() + "=" + $('#Text1').val() + " ";
            })
            $('#Button1').click(function () {
                tupian = '<' + $('#select1 option:selected').val() + " " + zfc.substr(9) + '/>'
                $('#divresult').append(tupian);
                tupian = '';
            })
        })
        function remove(id) {
            $('#p' + id).remove();
            $('#b' + id).remove();
        }
    </script>
</head>
<body>
标签名:<select id="select1">
        <option value='img'>图片</option>
        <option value='p'>段落</option>
        <option value='text'>文本框</option>
    </select><br />
属性名:<select id="select2">
        <option value='height'>高</option>
        <option value='width'>宽</option>
        <option value='src'>图片地址</option>
    </select><br />
    <input id="Text1" type="text" /><br />
    <div id='shuxing'>
    </div><br />
    <input id="Button1" type="button" value="生成" /><br />
    <div id="divresult"></div>
    <input id="Hidden1" type="hidden" value="" />
</body>