【JQuery】hidden要素を追加/差し込むサンプル

JQueryを使った、hidden要素を後から追加するサンプルです。

既に同じクラスのhiddienが存在した場合でも、差し替えてくれるので便利！えらい！

/**
 *  特殊セレクトボックスの選択値からinput(hidden)タグを作成する
 * @param {String} name（hidden要素の名前）
 * @param {String/Array} values(hidden要素が保持する値)
 * @returns {undefined}
 */
function appendHidden(name, value) {
    // 対象divタグが存在しているかチェック
    if($('#hidden-' + name).length) {
        console.log("$('.hoge').length の結果: true");
        // 対象divタグが存在している場合は子要素ごと削除する
        $('#hidden-' + name).remove();
    } else {
        console.log("$('.hoge').length の結果: false");
    }
    // 変更された検索条件の項目名を入れるHiddenを作成
    var html = "<div id='hidden-" + name + "'>";
    // 変更された検索条件の値を入れるHiddenを作成
    if (value instanceof Array) {
        for (var i=0; i<value.length; i++) {
            html += "<input type='hidden' name=" + name + "[" + i + "] value='" + value[i] + "' >";
        }
    } else {
        html += "<input type='hidden' name='" + name + "' value='" + value + "' >";
    }
    html += "</div>";
    $("body").append(html);
}