将值传递给模态并显示为纯文本

时间:2014-07-31 08:48:55

标签: javascript twitter-bootstrap d3.js modal-dialog

我有以下内容,当点击类似于this的图表中的节点时,它会显示一个模态:

使节点可点击的代码:

var node = canvas.selectAll(".node")
    .data(nodes)
    .enter()
    .append("g")
        .on("click", function(d){
            $("#modalBody").val(d.relativePath);
            $('#myModal').modal('show');
         })

显示模态的代码:

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        <input type="text" name="modalBody" id="modalBody" value=""/>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

我可以将值传递给模式以在正文中显示($("#modalBody").val(d.relativePath);),但它出现在编辑框中(<input type="text" name="modalBody" id="modalBody" value=""/>)。

无论如何将其显示为纯文本?例如,在<p>标签或类似的东西中显示它?

谢谢!

1 个答案:

答案 0 :(得分:1)

您可以使用.append()(来源:api.jquery.com/append)或.add()(来源:api.jquery.com/add)将p元素附加到对话框