刪除並將屬性的選擇框返回錯誤

Question

我試圖使'禁用'和'選定'屬性爲false，然後將'選擇'和'禁用'屬性到選擇框的第一個選項。下面是我的代碼

我的HTML

<form action="test.php" method="post"> 
    <!-- input fields --> 
    <input name="test1 value="test 2" required/> 
    <input name="test2 value="test 3" required/> 
    <input name="test3 value="test 4" required/> 
    <!-- select fields --> 
    <select name="server_type"> 
     <option value="" disabled selected>Select option</option> 
     <option value="1">option 1</option> 
     <option value="2">option 2</option> 
     <option value="3">option 3</option> 
    </select> 
    <!-- select fields --> 
    <select name="server_ip_type"> 
     <option value="" disabled selected>Select option</option> 
     <option value="1">option 1</option> 
     <option value="2">option 2</option> 
     <option value="3">option 3</option> 
    </select> 
</form> 

和我的腳本

$("form").submit(function(e){ 
    //lets clear the input fields 
    $("input", this).each(function(){ 
     $(this).val(""); 
    }); 
    //lets reset the select box 
    $("select option", this).each(function(){ 
     $(this).attr("disabled selected", false); 
    }); 
    $("select[name='server_type'] option:first-child, select[name='server_ip_type'] option:first-child").attr("disabled selected", true); 
    e.preventDefault(); 
}); 

首先，什麼我嘗試是循環到表單中的每個輸入字段和清除每一個值，第二，我打算循環每個選擇標記（我有2選擇標記）的每個選項，並將每個選擇標記的每個選項的「選定」和「禁用」屬性設置爲false，然後第三，我設置「禁用」和每個第一個選項標籤的每個選擇標籤的「選定」屬性爲真，但令人傷心的是它不起作用第二它返回我這個錯誤

Uncaught InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': 'disabled selected' is not a valid attribute name.

任何想法，幫助，建議，推薦，線索將不勝感激。謝謝。

Answer 1

可以

$("select option", this).attr({ 
    disabled: false, 
    selected: false 
}) 

Answer 2

您應該使用removeAttr

$(this).removeAttr("disabled selected"); 

OR

$(this).prop({ 
    "disabled": false, 
    "selected": false 
}); 

Answer 3

這裏是你的問題attr("disabled selected", false);你應該使用

attr("disabled", false); 
attr("selected", false); 

`link到屬性（）