Javascript 从jquery函数到引导模式中文本的结果

Javascript 从jquery函数到引导模式中文本的结果,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,所以我的问题是我有一个JQuery函数,我想把结果放在引导模式的文本标签中。真正的问题是我无法在Jquery和引导之间建立链接。 例如:当用户单击某个单词时,引导模式将打开,并显示所单击的单词,然后用户将更改该单词。 如果你能帮助我,那就太好了 <div class="container"> <div class="well well-large"> <p class="clickable" > Change this

所以我的问题是我有一个JQuery函数,我想把结果放在引导模式的文本标签中。真正的问题是我无法在Jquery和引导之间建立链接。 例如:当用户单击某个单词时,引导模式将打开,并显示所单击的单词,然后用户将更改该单词。 如果你能帮助我,那就太好了

<div class="container">
    <div class="well well-large">
        <p class="clickable" >
         Change this text and insert some words. 
        </p>
        <div id="form-content" class="modal hide fade in" style="display: none;">
            <div class="modal-header">
                <a class="close" data-dismiss="modal">×</a>
                <h3>Change the word</h3>
            </div>
            <div class="modal-body">
                <form class="contact" name="contact">
                    <label class="label" for="name">Your Text</label><br>
                    <input type="text" name="name" class="input-xlarge"><br>
                </form>
            </div>
            <div class="modal-footer">
                <input class="btn btn-success" type="submit" value="Submit" id="submit">
                <a href="#" class="btn" data-dismiss="modal">Back</a>
            </div>
        </div>
        <div id="thanks"><p><a data-toggle="modal" href="#form-content" class="btn btn-primary btn-large">Modal powers, activate!</a></p></div>
    </div>
</div>

更改此文本并插入一些单词。

Jquery函数是

<script>

        $(".clickable").click(function(e){
             s = window.getSelection();
             var range = s.getRangeAt(0);
             var node = s.anchorNode;
             while(range.toString().indexOf(' ') != 0) {                 
                range.setStart(node,(range.startOffset -1));
             }
             range.setStart(node, range.startOffset +1);
             do{
               range.setEnd(node,range.endOffset +1);

            }while(range.toString().indexOf(' ') == -1 && range.toString().trim() != '');
            var str = range.toString().trim();

        $('#form-content').modal('show');
//      return str;
//      alert(str);

       });


    </script>

$(“.clickable”)。单击(函数(e){
s=window.getSelection();
var范围=s.getRangeAt(0);
var节点=s.anchorNode;
而(range.toString().indexOf(“”)!=0){
range.setStart(节点,(range.startOffset-1));
}
range.setStart(节点range.startOffset+1);
做{
range.setEnd(节点,range.endOffset+1);
}while(range.toString().indexOf(“”)=-1&&range.toString().trim()!=“”);
var str=range.toString().trim();
$('形式内容').modal('显示');
//返回str;
//警报(str);
});

在您获得
str
后:

var str = range.toString().trim();
您可以将其设置为模态上的输入值,如下所示:

$('.modal-body .contact input').val(str);
(或者您可以只为该输入分配一个ID并执行
$('#inputid').val(str);


完整示例:

您能用当前代码将JSFIDLE添加到问题中以查看当前输出吗?