javascript - 将数据从 div 提交到数据库,which(div) 在附加 id 后获取数据

标签 javascript php jquery css ajax

我知道它非常复杂,但我只想制作一个标签系统。我正在使用“@”开头的 ajax 调用从数据库中获取数据。我可以做任何事情,甚至正在创建标签,但我无法获取这些标签并将它们提交到数据库中的表标签下。

    <script type="text/javascript" src="http://ajax.googleapis.com/
        ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript">
        $(document).ready(function()
        {
        var start=/@/ig; // @ Match
        var word=/@(\w+)/ig; //@abc Match

        $("#text").live("keyup",function()
        {
        var content=$(this).text(); //Content Box Data
        var go= content.match(start); //Content Matching @
        var name= content.match(word); //Content Matching @abc
        var dataString = 'searchword='+ name;
        //If @ available
        if(go.length>0)
        {
        $("#msgbox").slideDown('show');
        $("#display").slideUp('show');
        $("#msgbox").html("Type the name of someone or something...");
        //if @abc avalable
        if(name.length>0)
        {
        $.ajax({
        type: "POST",
        url: "boxsearch.php", // Database name search
        data: dataString,
        cache: false,
        success: function(data)
        {
        $("#msgbox").hide();
        $("#display").html(data).show();
        }
        });
        }
        }
        return false();
        });

        //Adding result name to content box.
        $(".addname").live("click",function()
        {
        var username=$(this).attr('title');
        var old=$("#contentbox").html();
        var content=old.replace(word," "); //replacing @abc to (" ") space
        $("#contentbox").html(content);
        var E="<a class=red contenteditable='false' href='#' >"+username+"</a>";
        $("#contentbox").append(E);
        $("#display").hide();
        $("#msgbox").hide();
        });
          });
        </script>

         // Inserting data to database using ajax
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/
        libs/jquery/1.3.0/jquery.js"></script>
        <script type="text/javascript" >
        $(function() {
        $(".submit").click(function()
        {
        var contentbox = $("#contentbox").val();
        var dataString = 'contentbox='+ contentbox;
        if(contentbox.length < 1)
        {
        alert('It seems you havnot entered anything.');
         }
         else
        {
        $.ajax({
        type: "POST",
        url: "insert-tag.php",
        clearForm: true,
        data: dataString,
        success: function(html){
        $("ol#update-status").append(html);
        $("ol#update-status li:last").fadeIn("slow");
        $("#flash").hide();
        document.getElementById("text").value = "";  
        }
        });
        }return false;
        }); });
        </script>
        //HTML Code
        <div id="container">
        <div id="text" contenteditable="true"></div>
        <div id='display'>
        </div>
        <div id="msgbox">
        </div>
        <br>
        <br>

        <div id="contentbox" >
        </div>

        <input type="submit" class="submit">

        </div>

最佳答案

$("#contentbox") 不是 input 元素,因此您不能调用 .val()在上面。使用 .text()相反。

替换

var contentbox = $("#contentbox").val();

var contentbox = $("#contentbox").text();

事实上,您已经在其他地方这样做了。

关于javascript - 将数据从 div 提交到数据库,which(div) 在附加 id 后获取数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27929376/

相关文章:

php - 使用 phonegap 从 Blackberry 10 平台拒绝访问 PHP - 关闭

javascript - 如何使用 PHP、Jquery 或任何 API 获取 Android 应用程序 ID 或名称?

php - 使用 PHP POST 接收表单输入数据

jquery - JQuery Cycle 插件不显示 DIV 内容

javascript - 填充同一页面上的第二个下拉列表

javascript - 如果输入字段不匹配 10 位数字,如何禁用按钮

javascript - Jquery .next() 未按预期工作

javascript - 获取子窗口的结果写入父窗口

javascript - onChange 事件永远不会在 Internet Explorer 中为 <select> 触发

php - 查询应返回整数和字符串 CI