HTML ボタンを使用して ac# Web ページを実行していますが、ドロップダウンとテキスト ボックスを有効にする JavaScript の実行に問題があります。それらはすべて無効として事前定義されており、ssave ボタンは非表示であり、ボタンをクリックすると NewType() 関数が呼び出され、ボタンをクリックすると表示されて有効になるはずですが、機能しません。保存ボタンでの可視性なしの呼び出しは機能しますが、ドロップダウンまたはテキストボックスでは機能しません。
<script type="text/javascript">
$(document).ready(function() {
var d = document.getElementById('saveBtn').style.visibility = 'hidden';
});
function NewType() {
var e = document.getElementById('saveBtn').style.visibility = 'visible';
var x = document.getElementById('DD').removeAttribute('disabled');
var a = document.getElementById('txt1').removeAttribute('disabled');
var b = document.getElementById('txt2').removeAttribute('disabled');
var c = document.getElementById('txt3').removeAttribute('disabled');
};
<button type="button" onclick="NewType()">Add New</button>
<button type="button" id="saveBtn">Save</button>
<select ID="DD" runat="server" disabled="disabled"
height="30px" style="width: 120px">
<option value=""></option>
<option value="1">fruit</option>
<option value="2">vegetables</option>
<option value="3">Other</option></select>
<br />
<input size="3" type="text" ID="txt1" runat="server" disabled="disabled" />
<input size="3" type="text" ID="txt2" runat="server" disabled="disabled"/>
<input size="4" type="text" ID="txt3" runat="server" disabled="disabled" />