2012-10-20 5 views
2

을 통해 액세스 양식 항목이 나는 사람들이 함수에 양식을 통과 한 후, 그들은 단지처럼 액세스 할 항목의 ID를 사용하고 웹에 몇 가지 예에서 발견에 :jQuery를 - 기능

<form id="frm"> 
<input type="text" id="textbox" name="textbox" value="some value" /> 
</form> 

<script> 
console.log(getelementval("#frm")); 

function getelementval(frm) { 
return frm.textbox.val(); 
} 
</script> 

하지만 FireBug는 frm.textbox가 정의되지 않았다는 것을 알려줍니다 ... 그럼 왜 인터넷에서 작동하지 않는지 검색하고 있지만이 옵션에 대한 설명과 사용 방법을 찾지 못했습니다. 실마리가 있습니까?

+0

jQuery를 사용하는 이유는 무엇입니까? 일반 jQuery 코드에 대한 설명 – kapa

답변

3

당신은이 일을하기 위해 약간 JS를 수정해야합니다 :

function getelementval(frm) { 
    return $(frm)[0].textbox.value; 
} 

데모 : http://jsfiddle.net/gdZEK/2/

  • $(frm)이 선택 일치하는 요소를 반환합니다.
  • [0]은 실제 DOM 요소를 가져옵니다.
  • .textbox은 jQuery 객체가 아닌 DOM 요소에서만 작동합니다. [name='textbox']과 일치합니다. .textbox는 jQuery를 오브젝트 아니므로
  • .value 필요가 .val() 대신에 사용될 수있다. 솔직히

, 난 정말이 그냥 사용하는 것보다 더 좋은 방법이 표시되지 않습니다 jQuery를 :

$('#frm input[name="textbox"]').val(); 
+0

1 : –

+1

일에 대한 – kapa

+0

bažmegakapa @ 동의했다. + 1-able 없이도 :-) 리비전을 참조하십시오 :-) –

1

이 순수 자바 스크립트가 아닌 JQuery와

function getelementval(frm) { 
    var f = document.getElementById(frm); 
    return f.textbox.value; 
} 

console.log(getelementval("frm")); 

JQuery와 버전

function getelementval(frm) { 
    var f = $(frm)[0]; 
    return f.textbox.value; 
} 

console.log(getelementval("#frm")); 
입니다
+0

이 jQuery를 함께 할 수있는 일반적인 방법이 아니라, vanillaJS 방법은 JQuery와 물건이 지저분 얻을 수 –

+0

참조 좋다 - 난 그냥 간단하고 명확 유지하고 싶어 – codingbiz