2010-05-12 5 views
0

것은 텍스트 상자와 단추 및 숨겨진 필드가있는 폼입니다. 이제는 텍스트 상자에 뭔가를 쓰고 숨겨진 필드에 전달하는 것입니다. 그런 다음 컨트롤러의 숨겨진 필드에 쓰여진 것을 액세스하십시오. 내가 어떻게 할 수 있니?asp.net mvc jquery 숨겨진 필드

답변

3

당신은 OnSubmit 형태의 이벤트를 사용할 수 있으며, 자바 스크립트가 숨겨진 필드에 텍스트 상자에서 데이터를 복사 할 수 있습니다. 다음은 간단한 html 예제입니다.

<html> 

<head> 
<script type="text/javascript"> 
function AddDataToHidden() 
{ 
    document.getElementById('test').value = document.getElementById('login').value; 
} 
</script> 
</head> 

<body> 
    <form action="action.aspx" onsubmit="javascript:return AddDataToHidden();" method="get"> 
    <input type="text" id="login" name="login" /> 
    <input type="hidden" id="test" name="test" /> 
    <input type="submit" /> 
    </form> 
</body> 
</html> 
+0

최상의 사용을 위해 jQuery를 사용하는 경우 document.getElementById ('test')를 jQuery 선택기로 변경할 수 있습니다. – msi

1

왜 숨겨진 필드가 필요한가요? 텍스트 상자가있는 경우 양식 제출시 텍스트 상자의 값을 직접 사용할 수 있습니다.

정확히 후 달성하려고하는 무엇 .. 내가 제대로 이해하지 않을 수도 있지만,이 모습에서, 당신의 텍스트 상자의 값은 항상 숨겨진과 같은 값을가집니다?

3

왜 숨겨진 필드입니까?

왜 jQuery의 OnButtonClick 처리기를 사용하여 TextField의 값을 단순히 전달할 수 없습니까?

다음은 자바 스크립트 코드입니다 : -

$(document).ready(function(){ 
$("#Create").click(function(){ 
var data1 = $('#TextField').val(); 

$.ajax({ 
     type:"Post", 
     url:'/Controller/SomeFunction', 
     data:"Name="+ data1, 
     success:function(result) 
     { 
      alert(result); 
     }, 
     error:function(result) 
     { 
      alert("fail"); 
     } 
    }); 
    }); 
});