Q&A
https://teratail.com/questions/input
このURL間違いですよね。
<html>
<head>
<script type="text/javascript">
$("<input>", {
type: 'hidden',
id: 'input_id',
value: 12345
}).appendTo('#targetId');
</script>
</head>
<body>
<div id="#targetId"></div>
</body>
</html>
hidden inputタグをjQueryで追加
http://blog.toshimaru.net/jqueryhidden-inputjquery/
上記のサイトを参考作りましたが動きません。
大変恐縮ですがご教示いただけますでしょうか？
回答3件
0
何も表示されない理由は、type: 'hidden', となっているからです。
type: 'text', と変えると、テキストボックスが表示されるはずです。
ご提示頂いたロジックは、inputタグのtype属性にhiddenがセットされた、正常に動いているロジックになります。
type属性がhiddenですので、表示される内容はありません。
投稿2015/06/14 00:51
編集2015/06/14 00:58退会済みユーザー
総合スコア0
両方ともベストアンサーをつけたいのですが、できないのですいません。
また回答ありがとうございました。
0
ベストアンサー
何点か問題があります。
まず jQueryを使うために、jQueryを読み込みしょう。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>挿入先の、div の id には #は必要ありません。
<div id="targetId"></div>そして、最後にコードを実行するタイミングです。
このままでは、htmlが読み込まれた瞬間に、コードが実行されてしまいます。
それではタグに挿入されません。
htmlが読み込まれて、DOMの操作が可能になった状態でコードを実行する必要があります。
その実行方法は何通りかあるのですが、今回はjQuery の ready という APIを使用して実行します。
以上を修正したhtmlが以下になります。
<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("<input>", { type: 'hidden', id: 'input_id', value: 12345 }).appendTo('#targetId'); }); </script> </head> <body> </div> <div id="targetId"></div> </body> </html>投稿2015/06/13 14:50
総合スコア392
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("<input>", {
type: 'hidden',
id: 'input_id'
}).appendTo('#targetId');
});
</script>
</head>
<body>
<div id="targetId"></div>
</body>
</html>
ソースのご提示ありがとうございます。
上記の動作確認を行いましが動かず、原因を探している
最中ではございますが今現時点では分かりかねます。
誠に大変恐縮ではございますがお力をいただけないでしょうか？
おはようございます。
私の方で動作確認してみましたが、こちらのソースで動いていると思います。
どのように動かないのか、どんなエラーが出るのかご提示頂けますでしょうか？
おはようございます。
動作確認お手数おかけして申し訳ございません。
要素の検証をしましたがエラーは出ておりませんが、なんにも表示されない
真っ白なページのままでございます。
あわせてのバージョンもお伝えします
GoogleChrom / バージョン 43.0.2357.124 m
IE / 11
0
このサンプルコードのままなら、jQuery本体を読み込んでないので動かないのは当然…
投稿2015/06/13 14:48
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
