POST データを維持しながら HTML 選択タグの読み取り専用属性をシミュレートする方法

POST データを保持しながら HTML 選択タグの読み取り専用属性をエミュレートする

HTML では、選択タグには専用の読み取り専用属性がなく、無効な属性が使用可能です。ただし、フォーム入力を無効にすると、POST リクエストまたは GET リクエストにフォーム入力が含まれなくなります。

これに対処するには、回避策として、select 要素を無効にし、同じ名前と値を持つ非表示の入力を追加します。 select 要素が有効になると、その値が非表示の入力にコピーされ、実質的に読み取り専用属性を模倣します。

実装例は次のとおりです。

$('#mainform').submit(function() {
    $('#formdata_container').show();
    $('#formdata').html($(this).serialize());
    return false;
});

$('#enableselect').click(function() {
    $('#mainform input[name=animal]')
        .attr("disabled", true);
    
    $('#animal-select')
        .attr('disabled', false)
        .attr('name', 'animal');
    
    $('#enableselect').hide();
    return false;
});

無効な属性を操作して値をコピーするこのアプローチでは、選択入力と非表示入力の間で読み取り専用属性の機能をエミュレートしながら、データの投稿を許可します。

以上がPOST データを維持しながら HTML 選択タグの読み取り専用属性をシミュレートする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。