我在 html 文件中有一個(gè)帶有下拉列表的表單，當(dāng)選擇某個(gè)值時(shí)，該下拉列表會(huì)禁用輸入框。它工作得很好，但是當(dāng)用戶單擊表單的提交按鈕時(shí)，它會(huì)在完成一些計(jì)算后刷新頁(yè)面并啟用輸入框。我希望它保持禁用狀態(tài)。我設(shè)法存儲(chǔ)下拉列表的值，但無(wú)法對(duì)我的輸入框執(zhí)行相同的操作。我對(duì) JS 的了解幾乎為零，但我想出了以下腳本，我認(rèn)為該腳本應(yīng)該在頁(yè)面重新加載時(shí)完成工作，但事實(shí)并非如此。您能告訴我下面的代碼有什么問(wèn)題嗎？謝謝！ <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貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超4個(gè)贊
您甚至可以在沒(méi)有 jQuery 的情況下完成此操作，請(qǐng)參閱下面的示例。
基本上，您可以使用 獲取輸入元素document.getElementById。然后，為了安全起見(jiàn)，我檢查它是否存在。那么，只需禁用它即可。
window.onload = function(e) {
var input = document.getElementById("input");
if(input) {
input.disabled = true;
}
}
<input name="foo" id="input" placeholder="disabled" />
呼啦一陣風(fēng)
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超6個(gè)贊
好吧，您可以在 jQuery 中創(chuàng)建一個(gè) ajax 請(qǐng)求（據(jù)我所知，您在代碼中使用了這個(gè)庫(kù)）來(lái)處理刷新問(wèn)題。 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 關(guān)注
- 132 瀏覽
添加回答
舉報(bào)
0/150
提交
取消