javascript - iframe 内の入力フィールドを無効にする

Question

入力テキストを含むフォームを読み込む iframe があります。フォームが iframe に読み込まれるときにすべての入力を無効にすることはできますか? すべての入力フィールドに無効化コマンドを挿入せずに? ありがとう。

Answer 1

iframe コンテンツがメイン ページと同じドメインからのものである場合は、単純に jquery を使用できます。

$(iframe).find('input').attr('disabled', 'disabled');

jquery を使用しない場合、フォームとその入力を反復処理する必要があります。

for (var i=0; i<iframe.forms.length; i++) {
    var form = iframe.forms[i];
    for (var j=0; j<form.elements.length; j++) {
        form.elements[j].disabled = true;
    }
}

Answer 2

メインページのドメインに関係なく、JQuery を使用する: (ソースを制御していると仮定して、iframe にこれを含めます)。

if (window!=window.top) {
    $('input').attr('disabled', 'disabled');
}

Answer 3

はい、できます

最初にフォームのIDを指定し、そのID値に基づいてすべての入力フィールドを無効にします

$(# id.input).attr("無効","無効");