Iam尝试使用Jquery进行编辑。编辑后无法保存值 [英] Iam trying In line edit with Jquery . cant save value after edit

问题描述

Iam尝试使用Jquery进行编辑。编辑后无法保存值，它返回旧值而不是文本框的新值

我的代码在这里

Iam trying In line edit with Jquery . cant save value after edit, It returning old value instead of new value of text box
my code is here

<script>
 	
	$(document).ready(function() {
     
	 $(".editlink").click(function(){
	 
	 var dataset = $(this).prev(".info");
	 var savebtn = $(this).next(".savebtn");
	 var theid = dataset.attr("id");
	 var newid = theid+"_form";
	 var currval = dataset.text();
	 alert(currval);
	 dataset.empty();
		$('<input type="text" name="'+newid+'" id="'+newid+'" value="'+currval+'" class="hlite">').appendTo(dataset);
		
		$(this).css("display", "none");
		savebtn.css("display", "block");		
		 });
	    $(".savebtn").click(function(){
		 
		var elink = $(this).prev(".editlink"); 
		var dataset = elink.prev(".info");
		var newid = dataset.attr("id");
	
		var cinput = "#"+newid+"_form"; 
		var einput = $(cinput); 
		
		var newval = einput.attr("value");  
	  	
		$(this).css("display", "none");
		
		einput.remove();
		dataset.html(newval);
		
		elink.css("display", "block");
	  	
	  });  
		
	  });
	
	    
		
  
   </script>

<div class="datainfo">
<label>Gender:</label><?php echo $sex; ?>
</div>
<div class="datainfo">   
<label>Country:</label><span id="country" class="info" ><?php echo $country; ?></span><a href="#" class="editlink"><img src="source_imagery/action-edit.png" alt="" /></a>     
<a class="savebtn" style="display:none">save</a>
</div>     

<div class="datainfo">   
<label>Work:</label><span id="work" class="info" ><?php echo $work; ?></span><a href="#" class="editlink"><img src="source_imagery/action-edit.png" alt="" /></a>   
<a class="savebtn" style="display:none">save</a>  
</div>     
<div class="datainfo">   
<label>School:</label><span id="school" class="info" ><?php echo $school; ?></span><a href="#" class="editlink"><img src="source_imagery/action-edit.png" alt="" /></a> 
<a class="savebtn" style="display:none">save</a>    
</div>     
<div class="datainfo">   
<label>City:</label><span id="city" class="info" ><?php echo $city; ?></span><a href="#" class="editlink"><img src="source_imagery/action-edit.png" alt="" /></a>  
<a class="savebtn" style="display:none">save</a>   
</div>     
<div class="datainfo">   
<label>SignUp:</label><span id="signup" ><?php echo $signup; ?></span>
</div>     

<div class="datainfo">   
<label>Last Login:</label><span id="lastlogin" ><?php echo $lastlogin; ?></span>
</div>     

推荐答案

（ document ）。ready（ function （）{

(document).ready(function() {

（ 。editlink）。点击（ function （）{

var dataset =

(".editlink").click(function(){ var dataset =

（ this ）。prev （ 。info）;
var savebtn =

(this).prev(".info"); var savebtn =

这篇关于Iam尝试使用Jquery进行编辑。编辑后无法保存值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！