2010-03-30 6 views
0

도와주세요. 사용자가 <select>에서 다른 옵션을 선택할 때 변경해야하는 텍스트 영역 데이터가 있습니다. 나는 쉽게 자바 스크립트 코드에서 텍스트 영역 값을 변경하고 싶습니다. <select><option>

당신은 나에게

내가 JQuery와 일

+1

어제이 질문이 표시되지 않았습니까? http://stackoverflow.com/questions/2539520/html-put-select-tag-content-into-input-type-text – Quentin

+1

@xyro - 당신은 당신이 나에게 할 수있는 몇 가지 자바 스크립트 쉽게 코드를 제공하시기 바랍니다 수있는 라인 '을 변경 한 경우 '나는이 문제에 대해 어떻게 해야할지, 어디서부터 시작해야 할 지 모르겠다.'사람들이 더 기꺼이 도움을 줄 것이라고 말했다. – karim79

답변

-1

왜 jQuery를 사용하지 않으을하지 마십시오 그렇게 몇 가지 자바 스크립트 쉽게 코드를 제공하시기 바랍니다 수 있습니까? 그것은 약 10 배 단지 사용하지, 쉽게뿐만 아니라 디버깅에 그리고 그것은 지역 사회 지원

+0

안녕하세요 Rakward 는 답장을 보내 주셔서 감사하지만,이 일을하기 위해 JQuery와 코드가 크로스 브라우저 문제에 직면하고있다. 당신이 – xyro

+0

jQuery를이 거기에 자바 스크립트 코어의 일부로 포함되어야 좋은 것 모든 브라우저에서 완벽하게 작동 jQuery 코드에 대해 조언 해 줄 수 있습니다 다음 버전 인 경우에 : P – Matt

3

당신은 onchange 이벤트를 사용할 수 많이 있습니다. 나는 현재의 코드처럼 보이는 (그리고 정말이 사이트에 대해 무엇 아닙니다) 무엇을 모르기 때문에 난 당신의 코드를 쓸 수 없습니다,하지만 난 당신에게 예를 제공 할 수 있습니다 :

var select = document.getElementById("mySelect"); 
select.onchange = function() 
{ 
    // get a reference to the textarea element 
    var tArea = document.getElementById("myTextArea"); 

    // Set the text to the value of the currently selected option 
    tArea.value = this.options[this.selectedIndex].value; 
} 
+0

텍스트 영역은 입력 필드, 당신은 시도 할 필요가 없습니다 텍스트 내용을 바꿉니다 (IE의 경우를 제외하고 입력 필드의 DOM 내용이 사용자 입력 값과 다르기 때문에). 단지'tArea.value = this.options [this.selectedIndex] .value'는 괜찮습니다. (당신은 아마 당신이 고대의 브라우저를 지원해야하지 않는 한, this.value' 너무 '멀리 옵션 조회와 바로 할 수 있습니다.) – bobince

+0

@bobince을 : 나는 :-) 감사가 IE에서 근무하지만 만약 내가 확실하지 않았다 것을 알고 있었다 x-browser인지 아닌지. 내 대답을 게시 한 후 확인하고 그것을 편집 'this.value' 괜찮을 것이지만, 오히려 피하려는 "기존 브라우저 --downvote-순찰 지원"나는 몇 차례에 충돌했습니다.; -) –

+0

이 경우'this'가 작동합니까? IE가 메인 윈도우에'this '를 붙이는 것을 좋아하지 않습니까? – SeanJA

-1

시도가 다음을 도움이 될 수 있습니다 ...........

< script type="text/javascript"> 
    functionName(this){ 
    var tArea = document.getElementById("myTextArea"); 
    if(this.value=="1"){ 
    tArea.value="1" 
    }else if(this.value=="0"){ 
     tArea.value="0" 
    } 
< /script> 

< select onchange="functionName(this);"> 
    < option value="1">Available< /option> 
    < option value="0"> Not Available< /option> 
< /select> 
+0

일부 서식은 좋을 것입니다. (4 공백) – SeanJA

+0

@SeanJA 모두 선택 - CTRL-K –

+0

@SeanJA 죄송합니다. 고맙습니다. – Salil

관련 문제