2011-11-29 3 views
0
을 이용하여 즉석에서 숨겨진 입력 요소 값을 변경

변경된 값을jQuery를

를 캡처 JQuery와에게

changeValue(no){ 
    $('#mobileno').val(no); 
} 

를 이용하여 소자의 값을 변경하고 AJAX로 값을 전달하는 하나 개의 숨겨진 요소를 사용

$.ajax({ 
    url:url, 
    type: 'post',  
    data: '{"id":"1", "mobileno":$("#mobileno").val()}', 
    success: function(data, status) { 
    console.log("Success!!");   
    },  
}); 

게시하는 동안 mobileno 필드가 항상 빈 값 값을 표시합니다. if 그때 그 다음

changeValue(no){ 
$('#mobileno').val(no);  
alert($('#mobileno').val()); 
} 

그것이 잘 작동 잘 작동 변경 값 방법에 경고를 사용하고, 당신의 도움이 당신은 문자열로 그것을 만드는 당신의 JS 객체를 인용 한

답변

4

을 이해할 수있을 것이다

$.ajax({ 
    url:url, 
    type: 'post',  
    data: '{"id":"1", "mobileno":$("#mobileno").val()}', 
    ------^           ^-------- 
    success: function(data, status) { 
    console.log("Success!!");   
    },  
}); 

사용이

$.ajax({ 
    url:url, 
    type: 'post',  
    data: {"id":"1", "mobileno": $("#mobileno").val() }, 
    success: function(data, status) { 
    console.log("Success!!");   
    }  
}); 
+0

와 아마의 쉼표를 제거 .ajax() 메소드 매개 변수의 끝? – ManseUK

+0

@ManseUK 이는 새로운 브라우저에는 영향을주지 않지만 좋은 점입니다. 업데이트 됨. – JohnP

+1

이것은 항상 내가 제일 먼저 확인한 것입니다. IE에서 여러 번 물 렸습니다! – ManseUK

1

에 값을 할당 할 때 하나의 quots를 사용하지 말아야합니다 data 매개 변수 이 시도;

$.ajax({ 
    url:url, 
    type: 'post',  
    data: {"id":"1", "mobileno":$("#mobileno").val()}, 
    success: function(data, status) { 
    console.log("Success!!");   
    } 
}); 

그런데 문제가 될 수있는 매개 변수 success 다음에 쉼표가 있습니다. 에

1
는 Ajax 호출을 변경

:

$.ajax({ 
    url:url, 
    type: 'post',  
    data: {"id":"1", "mobileno":$("#mobileno").val()}, //this line changed 
    success: function(data, status) { 
    console.log("Success!!");   
    } // removed comma 
}); 

마지막 브래킷에서 데이터 라인에 따옴표와 쉼표를 제거

1

시도 :

 
$.ajax({ 
    url:url, 
    type: 'post',  
    data: "id=1&mobileno="+$("#mobileno").val(), 
    success: function(data, status) { 
    console.log("Success!!");   
    },  
});