我正在創建後端。我需要的是一些jQuery插入一些不同的表單域。我可以舉例來說有這樣的代碼:單擊「編輯」鏈接時顯示輸入字段而不是文本
<div>
<div>
Name
</div>
<div>
Type
</div>
<div>
<a class="edit" href="#">Edit</a>
</div>
</div>
此代碼需要得到轉換,以名稱和類型文本insted的兩個輸入字段的值,當我點擊a.edit
編輯:
我試過這段代碼 - 但是當我點擊「a.ff-save」時它不會提示?我的問題是什麼?
<script type="text/javascript">
$(document).ready(function() {
var this_form_id = $("input#form_id").val();
$("#formfield-list div.formfield-ff:odd").css('background', '#f6f6f6');
$("a.ff_add").click(function() {
var name_val = $("input#new_field_name").val();
var type_val = $("input#new_field_type").val();
var demand_val = $("input#new_field_demand").val();
$.ajax({
type: "POST",
url: "{pref_folder}/admix/forms/addFormField",
data: ({ form_id: this_form_id, field_name: name_val, field_type: type_val, field_demand: demand_val }),
success: function(text) {
$.ajax({
type: "post",
url: "{pref_folder}/admix/forms/getFormFields",
data: { form_id: this_form_id },
success: function(t) {
$("#formfield-list").empty().append(t);
$("#formfield-list div.formfield-ff:odd").css('background', '#f6f6f6');
},
dataType: "html"
});
$(".add-succes-message").empty().append('<div class="msg">'+text+'</div>');
$(".add-field-row").slideUp(500, function(){
$(".add-field-row").slideDown(500);
}).delay(3500);
$(".add-succes-message").slideDown(500, function(){
$(".add-succes-message").slideUp(500);
}).delay(3500);
},
cache: false,
async: false,
dataType: "html"
});
});
$("a.ff-save").click(function(){
alert("ok");
});
$("a.ff-edit").click(function(){
var fid = $(this).prev().val();
var nameValue = $("#ff-"+fid+" div.ff-name").html().trim();
var typeValue = $("#ff-"+fid+" div.ff-type").html().trim();
var demandValue = $("#ff-"+fid+" div.ff-demand").html().trim();
var typeInt;
if(typeValue == "Tekstfelt, 1 linje")
{
typeInt = 1;
} else {
typeInt = 0;
}
$("#ff-"+fid+" div.ff-name").html('<input type="text" name="name" class="jq-input" value="'+nameValue+'" />');
$("#ff-"+fid+" div.ff-type").html('<input type="text" name="type" class="jq-input" value="'+typeInt+'" />');
if(demandValue == "Ja")
{
$("#ff-"+fid+" div.ff-demand").html('<input type="checkbox" name="demand" class="jq-input" value="" checked="checked" />');
} else {
$("#ff-"+fid+" div.ff-demand").html('<input type="checkbox" name="demand" class="jq-input" value="" />');
}
$("#ff-"+fid+" .ff-edit, #ff-"+fid+".ff-delete").hide();
$("#ff-"+fid+" div:last").html('<a href="#" class="ff-save">Save</a>');
});
$("a.ff-delete").click();
});
</script>
是以某種方式 - 但我需要兩個文本字符串才能轉換爲字段,然後單擊「保存」時,它將保存在兩個字段中進行的編輯。 – 2011-04-01 18:45:47
@丹尼斯:發表了一個樣本。覈實... – Chandu 2011-04-01 18:48:43
嗨 - 檢查我的編輯..我有一些麻煩,使其工作.. – 2011-04-01 20:17:34