2013-12-18 3 views
1

js 변수를 사용하여 HTML 입력 태그 ID를 설정해야하는 요구 사항이 있습니다.JSP의 HTML 태그에서 javascript 변수에 액세스

예 :

<input type='text' id='(here I need js variable)'/> 

나는 전체 요소를 작성하여 그렇게 할 수있는 방법이 알고

document.createElement('div name'); 

에 의해 내가 사업부에 추가 할 수 있습니다,하지만 간단한 방법으로 그것을 원한다. 그것은 자바 변수는 다음의 경우

나는 HTML 태그에 JS 변수를 넣어 어떤 간단한 방법이 있나요

<%String myVar = "txtId"%> 
<input type='text' id='<%= myVar%>'/> 

처럼 할 수 있습니까?

업데이트 : 답변들에 대한

덕분에, 나는 우리가 입력 요소의 수를 생성하고 부모 요소에 추가 할 수 있습니다 알고 있습니다. 또한 우리는 태그 이름으로 요소를 가져올 수 있으며 해당 요소에 대한 ID를 설정할 수 있습니다.하지만 내 질문은 HTML 태그에 js 변수를 삽입 (또는 삽입) 할 수있는 방법이 있습니까? 위의 HTML 태그의 변수를 참조하십시오.

같은

,

<script> 
var txtId = 'txt1'; 
</script> 
<html> 
<input type='text' id='document.write(txtId)'/> 
</html> 

은 다음과 같이 할 수있는 방법이 있나요?

+0

동적 아이디의 가장 동적 물건에 가장 적합합니다. 요구 사항을 더욱 확대 할 수 있습니까? html 요소가 어떻게 생성되고 있습니까? –

답변

0

attr() jQuery 함수를 사용하여 원하는 문자열을 설정할 수 있습니다. 행동 있도록 :

var str="newId" 
    $('name_or_#id_or_.class').attr('id',str) 
+0

나는 요소를 만들지 않고 js 변수로 HTML 태그 자체의 ID를 설정하고 싶다. – chaitanya89

+0

그래서 언제 내가 crating을 요청 했습니까 ?? –

0

나는 this 당신을 도울 것이라 생각합니다.

어떤 문제가 발생하면 알려주세요.

또는

당신은 동적으로 전체 컨트롤을 생성하고 모든 데이터를 설정할 수는 this 링크를 참조하십시오. 매우 도움이됩니다. 데이터가 동적

<script type="text/javascript"> 
function addName() 
{ 
    var k ='add'; 

    document.getElementById('txttt').id = k; 
    //document.getElementById('two').value = 'hi' 

    var srchdata = document.getElementById(k).id;  
    alert(srchdata); 
} 
</script> 

<body onload="addName()"> 

경우 몇 가지 문제가 발생할 수 있습니다

난 당신 만 당신이 그것을 변경할 수 있습니다 기존의 ID가이 일을합니다 시도하는 ID입니다. alert을 사용하여 텍스트 상자의 새 ID를 표시했습니다.

다른 방법을 원한다면 어떻게해야합니까? 그리고 어떤 문제가 발생할 수 있습니까?

+0

답변이 도움이 되긴하지만 업데이트를 확인하십시오. – chaitanya89

+0

''과 같은 것을 원하면 다음에''를 줄 것입니까? 또는 다른 것 ? 나에게 약간의 아이디어를 준다. –

+0

js 파일에 js 변수 "var fld = 'txt1'"이 있다고 가정하고 HTML 태그에 js 변수를 사용하고 싶다. , 그것을 할 수있는 방법이 있습니까? Document.getElementByTagName ('input');을 사용할 수 있다는 것을 알고 있습니다. 하지만 이것 이외에 HTML 태그에 js 변수를 넣을 수있는 방법이 있습니까? – chaitanya89

1

할당 ID는 당신의 새로운 ID로 자바 변수를 사용하려는 경우, 당신은 당신이 뭔가를 사용할 수 this

var inputs = document.getElementsByTagName("input"); 
for(var i = 0 ; i<inputs.length ; i++){ 
    inputs[i].id = "newIdWhatYouWant"; 
} 
<input type='text' class="name"/> 
+0

업데이트를 확인하십시오. – chaitanya89

0

처럼 JSTL 태그를 사용할 수있는 요소가 존재 하는가?서버 측에서

<script> 
    var a = "some_id"; 
    document.write("<input type='text' id='"+a+"' />"); 
</script> 

http://jsfiddle.net/9DAE4/

관련 문제