从多个JQ UI自动填充条目提交自定义div的值

我有一个巨大的自动填充字段和一系列检查。
该字段将值前置到它下面的div上。从多个JQ UI自动填充条目提交自定义div的值

我需要能够在表单提交中提交此div的所有值。
而我需要一种方法来操纵输入后（提交之前）div的价值。
喜欢的东西，每行一个小x，将删除该条目

这里是我到目前为止的代码：

$(function() { 
      function log(message) { 
     $("<p/>").text(message).prependTo("#exams"); 
     $("#exams").scrollTop(0); 
    } 

    $("#clearexamcell").click(function(){$("#examlist").val("");}); // clears the field, ignore 

    $("#examlist").focus(function(){$(this).val("");}); // clears the field, ignore 

    $("#enterdrug").click(function(){ 
     log ($("#examlist").val()); 
     });  

    var fullTags = ["...."]; 

    $("#examlist").autocomplete({ 
     source: fullTags, 
     select: function(event, ui) { 
      log(ui.item ? 
       "exam: " + ui.item.label : 
       "exam: " + this.value); 
     } 
    }); 
});

这里的HTML：

<form> 
<div class="ui-widget" ><label for="full0">Search Exam: </label> 
<br/><br/> 
<input style="width:600px;height:40px;" id="examlist" name="full0">

几个按钮：

<input type="button" id="enterdrug" value="enter" > 
<input type="button" id="clearexamcell" value="clear"></div>

和得到结果的div：

<div id="exams" style="width:100%;height:auto;padding-top:30px;border-bottom-style: solid;"> 
</div> 
...</form>

到目前为止，它按预期工作，并产生一个div像：

<div id="exams" style="width:100%;height:auto;padding-top:30px;border-bottom-style: solid;"> 
<p>selection1</p> 
<p>selection2</p> 
<p>selection3</p> 
<p>selection4</p> 
</div>

如何我可以操纵这个，然后在表格的其余部分是完整的提交div的内容任何想法？谢谢。

来源

2012-03-19 krasatos

你可以在你的表单中有一个隐藏的输入域，并将'exams' div的内容设置为隐藏域提交。对于操作部分，你可以发布到目前为止你所拥有的[jsFiddle]（http://jsFiddle.net），这样我们就能明白你到底是什么了。 – neo108 2012-03-20 01:29:09

会尝试，从未使用jsfiddle之前 thanx – krasatos 2012-03-20 07:42:10

此 - [http://jsfiddle.net/neo108/MZNYr/1/](http://jsfiddle.net/neo108/MZNYr/1/） - 可能会帮助你获得去。 – neo108 2012-03-20 08:13:56

我结束了使用此：

 log(ui.item ? 
      "exam: " + ui.item.label : 
      "exam: " + this.value);

显示什么，他是进入
用户和这样的：

var updatedlist = $('div.exam').text(); 
     $("#submitexams").val(updatedlist);

用值来更新id为#submitexams一个隐藏的文本区域整个显示div

它们都在点击按钮上工作

为数据的操作，如果用户希望编辑列表，
我补充这一点：

$(document).ready(function(){ 
$(function() { 
$("#clearlastexamentry").click(function(){ 
$("div.exam li:first").remove(); 
var updatedlist = $('div.examlist').text(); 
$("#submitexams").val(updatedlist); 
}); }); });

其对另一个按钮的点击消除第一行从双方提交的（最后提交考试）和显示列表。
不完全是我想要的，但它现在为我的目的服务。
希望它可以帮助某人，如果你需要演示发表评论和生病发布类似于jsfiddle

来源

2012-03-21 08:53:34 krasatos

从多个JQ UI自动填充条目提交自定义div的值

回答

相关问题