0

些細なことに聞こえるかもしれませんが、私にはそれができません。

ここに簡単なコードがあります: 私はここで何をしているのですか?

関数を誤解しているようですか？はいの場合、私を修正してください。

 <html>
  <head>
   <script type="text/javascript" src="jquery.js"></script>                             
    <script type="text/javascript">
      $(document).ready(function(){
       $(".button").click(function(){
        jQuery('#id').append('<select></select>');
       });     
      });
   </script>
  </head>

  <body >
    <input type="submit" class="button" id="id" value="submit"/>
  </body>

4

4 に答える 4

1

新しく追加されたものを保持するコンテナ/要素がボディにありません。次のselectようにHTMLにコンテナを追加してください。id="id"

<body >
     <div id="id">
     </div>
    <input type="submit" class="button" value="submit"/>
</body>

デモ

于 2012-11-22T06:59:40.233 に答える
1

#idドキュメントに存在しますか?

に追加<option>し<select>ますか?

$(document).ready(function() {
    $(".button").click(function() {
        jQuery('body').append('<select><option value="1">One</option><option value="2">Two</option></select>');
    });
});​

フィドル - http://jsfiddle.net/XVmuZ/

それを追加したい場合は、#idそれが存在することを確認してください（ラーフルの答えのように）

フィドル - http://jsfiddle.net/XVmuZ/1/

于 2012-11-22T07:01:15.393 に答える
1

独自のコードを考えると、簡単に書くことができます

$('#id').after('<select></select>');

#id はボタンに関連付けられているため、一般的に追加はコンテナーで機能するため、機能しません。引き続き追加を使用する場合は div/span を使用しますが、使用したくない場合は .after() が正常に機能します。

于 2012-11-22T08:00:58.480 に答える
0

最初に送信ボタンを使用しないでください。ページがポストバックされるため、jquery が機能しません。このコードを試してください

<html>
  <head>
   <script type="text/javascript" src="jquery.js"></script>                             
    <script type="text/javascript">
      $(document).ready(function(){
       $(".button").click(function(){
        $('#ddl').append('<select><option>abc</option><option>def</option></select>');
       });     
      });
   </script>
  </head>

  <body >
    <input type="button" class="button" id="id" value="submit"/>
    <div id="ddl">
    </div>
  </body>
于 2012-11-22T07:14:31.187 に答える