從多個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的值

回答

相關問題