1

这实际上是我在这个很棒的网站上的第一个问题。我通常会在这里通过一些研究找到我需要的答案，但这次并非如此，因此我不得不问。

这是发生的事情：

我正在构建一个最初有一个下拉列表、一个字段和一个按钮的搜索表单。人们从下拉列表中选择他们想要执行搜索的字段（field1、field2 等），然后在文本框中输入条件。然后有一个“或”按钮，当点击它时，它会动态地创建另一组，如前一个（下拉菜单、文本框和“或”按钮），为搜索创建第二个条件。

这是插入按钮的代码的重要部分：

var divid = '#orbuttondiv'+divid;
    $(divid).after('<div id="field'+orbuttonid+'" class="blockSrc"><select name="orfield[]" id="condition'+orbuttonid+'field" class="blockSrc'+orbuttonid+'"><option value="0">Select Field</option><?php //function ?></select><input name="orstr[]" id="condition'+orbuttonid+'str" type="text" /></div><div class="orbutton" id="orbuttondiv'+orbuttonid+'"><button name="orbutton'+orbuttonid+'" id="orbutton'+orbuttonid+'" class="btn orbt" type="button" value="OR" /><i class="icon-comments-alt"></i> OR</button></div>');             
});

所以问题是当集合插入到文档中时，除了按钮标签过早关闭之外，一切都正常工作。我期望的是：

<div class="orbutton" id="orbuttondiv1">
<button class="btn orbt" value="OR" name="orbutton1" id="orbutton1" type="button"><i class="icon-comments-alt"></i> OR</button>
</div>

我得到的是：

<div class="orbutton" id="orbuttondiv1">
<button class="btn orbt" value="OR" name="orbutton1" id="orbutton1" type="button"></button><i class="icon-comments-alt"></i> OR
</div>

注意 <button> 标签是如何在内容之前关闭的，所以 <i> 和单词“OR”被加载到按钮之外。

任何帮助将不胜感激：

4

3 回答 3

5

因为您自行关闭了<button>标签：

 <button ... value="OR" /><i>...
                        ↑

只需取出斜线，您就可以上路了。

于 2012-11-28T20:36:58.177 回答
1

您正在关闭button示例中的标签：

<button name="orbutton'+orbuttonid+'" id="orbutton'+orbuttonid+'" 
    class="btn orbt" type="button" value="OR" /> <--- see the forward slash
于 2012-11-28T20:36:49.667 回答
1

你有/>在你的按钮打开元素的末尾，这使它自动关闭。删除/.

于 2012-11-28T20:36:55.867 回答