Javascript 如何将文本场传播到情态对话中？_Javascript_Html_Modal Dialog_Twitter Bootstrap_Delicious Api

Javascript 如何将文本场传播到情态对话中？

javascript html twitter-bootstrap

Javascript 如何将文本场传播到情态对话中？,javascript,html,modal-dialog,twitter-bootstrap,delicious-api,Javascript,Html,Modal Dialog,Twitter Bootstrap,Delicious Api,我正在尝试向我的网站“添加链接”功能。我用的就是这个。主页上只有“链接”字段需要填写，当用户单击“添加链接”按钮时，会弹出一个模式，用户会看到要填写的完整表单：链接、标题、标签。但是，我希望链接字段预先填充上一步的值。这与你在delicious.com上“保存链接”时发生的情况类似然而，问题是当我在模态对话框中插入javascript时，模态对话框停止工作。有没有办法解决这个问题？多谢各位 <html> <head> <title>Example<

我正在尝试向我的网站“添加链接”功能。我用的就是这个。主页上只有“链接”字段需要填写，当用户单击“添加链接”按钮时，会弹出一个模式，用户会看到要填写的完整表单：链接、标题、标签。但是，我希望链接字段预先填充上一步的值。这与你在delicious.com上“保存链接”时发生的情况类似

然而，问题是当我在模态对话框中插入javascript时，模态对话框停止工作。有没有办法解决这个问题？多谢各位

<html>
<head>
  <title>Example</title>
  <link rel="stylesheet" href="scripts/bootstrap.min.css">
  <link rel="stylesheet" href="main.css" />
</head>
<body>
  <!-- The Modal Dialog  -->
  <div id="modal-from-dom" class="modal hide fade">             
    <div class="modal-body">
        <form id='post-on-wall' method='POST' action='savePost.php' enctype='multipart/form-data'>
                Peter

                <script type="text/javascript">
                    var linkURL = $('#linkURL').val();
                    //document.write("<input type='text' class='label-inline' name='linkURL' id='wall-post' value=linkURL>");
                    document.write(linkURL);
                </script>


                <button type='submit' class='btn'>Add Link</button>
        </form>
    </div>
    </div>
  </div>
  <div class="container">
    <div class="wall-post">
        <textarea class='label-inline' name='linkURL' id='linkURL'></textarea>
        <button data-controls-modal="modal-from-dom" data-backdrop="static" class="btn">Add Link</button>

    </div>
  </div>
  <script src="scripts/jquery.min.js"></script>
  <script src="scripts/bootstrap-modal.js"></script>
</body>


例子
彼得
var linkURL=$（'#linkURL'）.val（）；
//文件。填写（“”）；
document.write（linkURL）；
添加链接
添加链接

有两件小事妨碍了你的脚本运行Arman

首先，您需要在头中加载jquery和引导脚本。浏览器在加载页面时对其进行解释，当浏览器点击表示$（“#linkURL”）的位时，它不知道如何处理该页面

第二点是，当用户单击“添加链接”按钮时，您只能知道用户在LinkURL框中输入的内容。因此，您只能在此之后真正填充模态框

有鉴于此，您可以利用模型库提供的功能来为您填充它

如果你把这些放在一起，你会得到：

<html>
    <head>
        <title>Example</title>
        <script src="scripts/jquery.min.js" type="text/javascript"></script>
        <script src="scripts/bootstrap-modal.js" type="text/javascript"></script>
        <link rel="stylesheet" href="scripts/bootstrap.min.css">
        <link rel="stylesheet" href="main.css">

        <script type="text/javascript">

            $(document).ready(function(){
                $('#modal-from-dom').bind('show',function(){
                    $(".modal-body").html($("#linkURL").val());
                });
            });

        </script>
    </head>
    <body>
        <div id="modal-from-dom" class="modal hide fade">
            <div class="modal-header">
                <a href="#" class="close">&times;</a>
                <h3>Add Link</h3>
            </div>
            <div class="modal-body">
            </div>
            <div class="modal-footer">
                <a href="#" class="btn primary">Add Link</a>
            </div>
        </div>
        <textarea class='label-inline' name='linkURL' id='linkURL'></textarea>
        <button data-controls-modal="modal-from-dom" data-backdrop="true" data-keyboard="true" class="btn danger">Add Link</button>
    </body>
  </html>


例子
$（文档）.ready（函数（）{
$（“#来自dom的模态”）.bind（'show'，function（）{
$（“.modal body”）.html（$（“#linkURL”）.val（））；
});
});
添加链接
添加链接

然后你只需要修改一下内容，你就可以开始了

非常感谢，乔！唯一的问题是我想在模式中显示表单（有3个字段：title、url、tags），其中url字段已经填充了表单。是否有一种方法可以使用事件来设置输入值？