が選択オプションを無効にすると、データベース

Question

に値を保存していない私は

document.getElementById('CmbDepartment').disabled = true;

しかしは、データベース内の値が保存されている、されて何が起こるかをdisabing後に以下のようなジャバスクリプトを通じて無効にしていますSelectオプションを持っています0とします。

を無効にしてを無効にした後、私の値が正しく保存されています。

しかし、私はSelectのリストを無効にします。ここで

だから、これに対処するための他の方法があるSelectリスト

<select id="CmbDepartment" runat="server" style="width: 25%" onchange="FunEmpFill()"> 
    <option value="0">--Select--</option> 
</select> 

の私のHTMLです??

Answer 1

私が正しく理解していれば、オプション値を0に設定してから、選択タグを無効にするので、デフォルトのオプション値が使用されます。

オプション値を変更したり、完全に削除したりすることができます。

それとも、動的に私はハックを提案してみましょうselectタグに値を代入し、JS

例

1. $('#CmbDepartment').append($('<option>', {value:1, text:'One'}));
2. $('#CmbDepartment').append('<option val="1">One</option>');
3. var option = new Option(text, value); $('#CmbDepartment').append($(option));

Answer 2

を経由して選択することができます。 selectを無効にする代わりに、スタイルプロパティpointer-eventsをnoneに設定しました。また、無効に見えるようにopacity: 0.5;を追加しました。 これにより、コントロールが他のフォーム要素とともに提出されるのを防ぐことができません。select

下記のコードスニペットを実行してみてください。

.disabled { 
 
    pointer-events: none; 
 
    opacity: 0.5; 
 
}

<select> 
 
    <option>Value 1</option> 
 
    <option>Value 2</option> 
 
    <option>Value 2</option> 
 
</select> 
 

 
<button onClick="document.getElementsByTagName('select')[0].classList.add('disabled');">Disable Select</button>