0

押されるたびにすでにフォーマットされたdivを生成するボタンを作成しようとしています。

divはフォームで構成されており、そのフィールドには、JavaScriptの変数に格納されているデータが既に入力されている必要があります。

例えば。

<div id="myDiv_#">
<form id="myForm">
<input type="text" id="start_date" name="start_date" value="someJavascriptVariable" />
<input type="text" id="end_date" name="end_date" value="someJavascriptVariable" />
<select name="type" id="type">
<option value="1">"someJavascriptVariable"</option>
<option value="2">"someJavascriptVariable"</option>              
</select>
<input type="button" id="new_button" value="Show">
</form>
</div>

<script>
$('#button_push').click(function() 
{
//creating myDiv_#
}
</script>

私はウェブの周りを検索していましたが、良い結果は見つかりませんでした：s私はあなたにこれ、多分ガイドラインまたは出発点で助けを求めています。重要なのは、ユーザーがボタンを押すたびに、上記のパラメーターを使用して新しいdivが作成されるということです。

乾杯

4

1 に答える 1

2

マークアップは非常に複雑なので、クローンを作成できる非表示のバージョンがあると、属性を修正してから、必要に応じてページに追加する方がおそらく簡単です。

このようなもの：

<div id="container"></div>

<div style="display: none;">
    <div id="myDiv_#">
        <form id="myForm">
            <input type="text" id="start_date" name="start_date" value="someJavascriptVariable" />
            <input type="text" id="end_date" name="end_date" value="someJavascriptVariable" />
            <select name="type" id="type">
                <option value="1">"someJavascriptVariable"</option>
                <option value="2">"someJavascriptVariable"</option>                
            </select>
            <input type="button" id="new_button" value="Show">
        </form>
    </div>
</div>

$('#button_push').click(function() {
    var $div = $("#myDiv_\\#").clone(true); // keep events'
    $div.attr('id', '').addClass('clone'); // example of amending attributes
    $("#container").append($div); // append
});

フィドルの例

someJavascriptVariable文字列を、そのクローンインスタンスに関連する特定の変数に簡単に置き換えることもできます。

于 2012-11-27T13:03:06.903 に答える