2016-07-06 10 views
1

myInputという名前のフォーム(my_form)を定義したとします。 myInputの値をmy_stringに設定したいと思います。javascriptでフォームの入力値を設定するにはどうすればよいですか?

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

私は上記の行を試しましたが、これはほとんどのブラウザで動作しますが、Opera/Safariでは動作しません。私はそれがスクリーンの代わりに、(未定義ではありません)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); 
関連する問題