删除和放置选择框的属性将返回错误

时间:2015-05-25 07:43:22

标签: javascript jquery

我试图让“残疾人士”#39;和#39;选择'属性为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个选择标记)并设置&# 39;选择&#39;并且&#39;禁用&#39;每个选择标记的每个选项的属性为false,然后是第三个,我设置了“禁用”#39;和#39;选择&#39;每个选择标记的属性,每个第一个选项标记为true但遗憾的是它不起作用,它返回给我这个错误

  

未捕获的InvalidCharacterError:无法执行&#39; setAttribute&#39; on&#39;元素&#39;:&#39;禁用已选中&#39;不是有效的属性名称。

任何想法,帮助,建议,推荐,线索将不胜感激。谢谢。

3 个答案:

答案 0 :(得分:0)

您应该使用$(this).removeAttr("disabled selected");

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

public void loadSpinnerData() {
    Toast.makeText(mActivity, "HELLO", Toast.LENGTH_SHORT).show();
}

答案 1 :(得分:0)

你可以

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

答案 2 :(得分:0)

以下是您应该使用

的问题attr("disabled selected", false);
attr("disabled", false);
attr("selected", false);

`link到attr()