2016-07-06 4 views
1

입력이 myInput 인 양식 (my_form)을 정의했다고 가정합니다. myInput의 값을 my_string으로 설정하고 싶습니다.자바 스크립트에서 양식의 입력 값을 어떻게 설정할 수 있습니까?

$('#my_form textarea[name=myInput]').value = my_string; 

나는 위의 라인을 시도했습니다, 이것은하지만 오페라/사파리, 대부분의 브라우저에서 작동합니다. 나는 화면 대신에 (정의되지 않음) my_string의 실제 값으로 라인 때문에 오페라/사파리

console.log($('#my_form textarea[name=myInput]').value + " was the string"); 

로그 undefined was the string 작동하지 않습니다 알고있다.

어떻게하면이 브라우저에서이 작업을 수행 할 수 있습니까?

+2

그것은 보이는 희망 당신이 jQuery를 사용하는 것처럼. '.value' 대신'.val()'을 시도하십시오. – RobertAKARobin

+2

https://api.jquery.com/val/ – Jack

답변

1

으로 당신을 위해 작동합니다 :)

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $("#btn1").click(function(){ 
     $("#test1").text("Hello world!"); 
    }); 
    $("#btn2").click(function(){ 
     $("#test2").html("<b>Hello world!</b>"); 
    }); 
    $("#btn3").click(function(){ 
     $("#test3").val("Dolly Duck"); 
    }); 
}); 
</script> 
</head> 
<body> 

<p id="test1">This is a paragraph.</p> 
<p id="test2">This is another paragraph.</p> 

<p>Input field: <input type="text" id="test3" value="Mickey Mouse"></p> 

<button id="btn1">Set Text</button> 
<button id="btn2">Set HTML</button> 
<button id="btn3">Set Value</button> 

</body> 
</html> 
1

.value 대신 .val()을 사용해야합니다. 그리고 문자열에 대해 따옴표를 붙입니다.

그래서 최종 코드는 다음과 같습니다

$("#my_form textarea[name=myInput]").val("my_string_with_quotes_before_and_after"); 

또는 그냥이 예제를 통해 변수

var string="some text"; 
$("#my_form textarea[name=myInput]").val(string);