0

複数行のテキスト領域があります。

<input type="checkbox" name="test1" /> Test1 <br />
<input type="checkbox" name="test2" /> Test2 <br /> 
<input type="checkbox" name="test3" /> Test3 <br /> 


<input type="text" name="testxtoadd" /> 
<input type="submit" value="Submit" />

テキストボックスに保持したい、例：

<input type="checkbox" name="test4" /> Test4 <br />

送信を確認すると、テキストがテキスト3の後にトップに追加されます。

これを達成する方法。どうすればよいかわかりません。パネル/エリアを動的に更新する方法について何か不足していますか?

4

3 に答える 3

1

LIVE DEMO

$(':submit').click(function(){

  var val = $('[name=testxtoadd]').val();

  if( $.trim(val) ){         // THIS WILL PREVENT EMPTY SUBMIT
      var newHTML = '<input type="checkbox" name="'+val+'"> '+ val +'<br>';
      $(this).prev().before( newHTML );
  }

});
于 2013-04-29T00:00:12.040 に答える
1

このようなもの：-

http://jsfiddle.net/ubvgt/

   $(':Submit').click(function(){
    var elem = $('[name=testxtoadd]');
    elem.before( $('<input>' , {type: "checkbox",value: elem.val() })).
    before(elem.val() + "</br>");
});
于 2013-04-28T23:50:44.130 に答える
0

各テキストがどの入力フィールドから来たかを知ることができるように、入力フィールドに id を与えます。

アクションをリッスンするリスナーを使用すると、送信ボタンを押すと、リスナーがそれに気づき、すべての入力フィールドの値をチェックできるようになります。値を簡単に取得して、必要に応じて処理できます。

id を持つ div を使用して、ページのどこかにテキストを追加し、「その id」を持つ要素に値を受け取るように指示できます。

$('#divId').html(inputTextThatWasSelected);

質問をより正確にすると、より正確になります:)

于 2013-04-28T23:48:22.060 に答える