我在 html 文件中有一個帶有下拉列表的表單，當選擇某個值時，該下拉列表會禁用輸入框。它工作得很好，但是當用戶單擊表單的提交按鈕時，它會在完成一些計算后刷新頁面并啟用輸入框。我希望它保持禁用狀態。我設法存儲下拉列表的值，但無法對我的輸入框執行相同的操作。我對 JS 的了解幾乎為零，但我想出了以下腳本，我認為該腳本應該在頁面重新加載時完成工作，但事實并非如此。您能告訴我下面的代碼有什么問題嗎？謝謝！ <script type="text/javascript"> $(document).ready(function() { var ComboboxType = document.getElementById('Type').value; var InputToDisable = document.getElementById("MyInput"); if (ComboboxType.value == 'Some Value') { InputToDisable.disabled = true; } }); </script>
2 回答
Helenr
TA貢獻1780條經驗 獲得超4個贊
您甚至可以在沒有 jQuery 的情況下完成此操作，請參閱下面的示例。
基本上，您可以使用 獲取輸入元素document.getElementById。然后，為了安全起見，我檢查它是否存在。那么，只需禁用它即可。
window.onload = function(e) {
var input = document.getElementById("input");
if(input) {
input.disabled = true;
}
}
<input name="foo" id="input" placeholder="disabled" />
呼啦一陣風
TA貢獻1802條經驗 獲得超6個贊
好吧，您可以在 jQuery 中創建一個 ajax 請求（據我所知，您在代碼中使用了這個庫）來處理刷新問題。 https://api.jquery.com/jquery.ajax/
例子：
$("#my_form").submit(function(event){
event.preventDefault(); //prevent default action
var post_url = $(this).attr("action"); //get form action url
var request_method = $(this).attr("method"); //get form GET/POST method
var form_data = $(this).serialize(); //Encode form elements for submission
$.ajax({
url : post_url,
type: request_method,
data : form_data,
success: (response) => {
if(response){
//do something
}
}
});
});
- 2 回答
- 0 關注
- 123 瀏覽
添加回答
舉報
0/150
提交
取消