Question

我想使用html / css附加下拉框。问题是我身上只有一个身份证，因此我不知道该怎么做。如果有人可以发布以下代码发布的示例，那将非常感激。

我知道这样的事情，但我不确定如何在我的代码中设置id并且不确定这是否正常。

var someElement = $('<div/>', {id: 'someId'); $('canvas').after(someElement);  $('#someId').doMoreStuff

这是代码：

    <head>
     <title>jTournament</title>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
     <script src="jTournament.js"></script>

<script>
var matchInfo = {
    "rounds": [{
        "name": "Round1",
            "matches": [{
            "p1": "Bill",
            "p2": "Bob",
            "winner": 1
        }, {
            "p1": "Sam",
            "p2": "Duddly",
            "winner": 2
        }, {
            "p1": "Andy",
            "p2": "Biff",
            "winner": 1
        }, {
            "p1": "Phill",
            "p2": "Peter",
            "winner": 1
        }, {
            "p1": "John",
            "p2": "Dave",
            "winner": 2
        }, {
            "p1": "Xaus",
            "p2": "James",
            "winner": 2
        }, {
            "p1": "Kenny",
            "p2": "Nick",
            "winner": 1
        }, {
            "p1": "Fred",
            "p2": "Pat",
            "winner": 2
        }]
    }, {
        "name": "Round2",
        "matches": [{
            "p1": null,
            "p2": null
        }, {
            "p1": null,
            "p2": null
        }, {
            "p1": null,
            "p2": null
        }, {
            "p1": null,
            "p2": null
        }]
    }, {
        "name": "Round3",
        "matches": [{
            "p1": null,
            "p2": null
        }, {
            "p1": null,
            "p2": null
        }]
    }, {
        "name": "Round4",
        "matches": [{
            "p1": null,
            "p2": null
        }, ]
    }]
};
</script>
    </head
    <body>
 <canvas id="tournament"></canvas>
</body>

我想添加下拉菜单，因此我可以动态连接内容。谢谢

Answer 1

您可以使用以下方法在画布后添加新元素：

$('#tournament').after('<div id="newid"></div>');

现在，如果你想添加一些东西您可以使用 append（）功能

$('#newid').append('<select></select>');

如果需要其他任何内容http://api.jquery.com/append/

，请检查此链接

我如何将下拉html / css附加到jquery 1行主体

1 个答案: