Я сейчас создаю бэкэнд. Что мне нужно, это некоторые jquery, чтобы вставить несколько различных полей формы. Я могу, например, иметь этот код:
<div>
<div>
Name
</div>
<div>
Type
</div>
<div>
<a class="edit" href="#">Edit</a>
</div>
</div>
Этот код необходимо преобразовать, чтобы текст Name и Type вставлял значения двух полей ввода, когда я нажимаю a.edit
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>