Скід абярыце значэнне па змаўчанні

У мяне ёсць поле выбару



<div id="reset">
    reset
</div>

Я таксама кнопка, тут па змаўчанні скіду (абрана) значэнне «б», выкажам здагадку, што я выбіраю «з» і пасля таго, як мне трэба resert абярыце значэнне вокны па змаўчанні, як зрабіць гэта з дапамогай JQuery?

$("#reset").on("click", function() {
   //What do here?
});

jsfiddle: http://jsfiddle.net/T8sCf/1/

44
@andyb Першы элемент не абавязкова значэнне па змаўчанні абрана
дададзена аўтар BrunoLM, крыніца
@andyb Першы элемент не абавязкова значэнне па змаўчанні абрана
дададзена аўтар BrunoLM, крыніца
магчыма дублікат скіду абярыце элемент
дададзена аўтар andyb, крыніца
Калі вы хочаце скінуць усю форму, проста выклічце убудаваны JavaScript .RESET() на <form> элемент.
дададзена аўтар andyb, крыніца
@BrunoLM да я прымаю вашу кропку. Я спаслалася на іншае пытанне, таму што гэта вельмі падобна - «скід абярыце значэнне па змаўчанні з JavaScript»
дададзена аўтар andyb, крыніца
@BrunoLM да я прымаю вашу кропку. Я спаслалася на іншае пытанне, таму што гэта вельмі падобна - «скід абярыце значэнне па змаўчанні з JavaScript»
дададзена аўтар andyb, крыніца
магчыма дублікат скіду абярыце элемент
дададзена аўтар andyb, крыніца
Таксама <�выбраць> мае defaultSelected , які можа быць выкарыстаны ў функцыі скіду, калі вы проста хочаце скінуць адзін элемент - гл stackoverflow.com/questions/2348042/…
дададзена аўтар andyb, крыніца
Таксама <�выбраць> мае defaultSelected , які можа быць выкарыстаны ў функцыі скіду, калі вы проста хочаце скінуць адзін элемент - гл stackoverflow.com/questions/2348042/…
дададзена аўтар andyb, крыніца

35 адказы

Вы можаце выкарыстоўваць defaultSelected ўласцівасць опцыя элемент :

<�Р> змяшчае пачатковае значэнне абранага атрыбуту HTML, якое паказвае, абраны Ці параметр па змаўчанні ці не.

Такім чынам, інтэрфейс DOM ўжо адсочвае, які варыянт быў абраны першапачаткова.

$("#reset").on("click", function() {
    $('#my_select option').prop('selected', function() {
        return this.defaultSelected;
    });
});

<�моцны> DEMO

Гэта будзе працаваць нават для некалькіх выбраных элементаў.

Калі вы не хочаце, каб перабраць усе варыянты, але «зламаць» пасля таго, як вы знайшлі першапачаткова абраны адзін, вы можаце выкарыстоўваць .each замест таго, каб:

$('#my_select option').each(function() {
    if (this.defaultSelected) {
        this.selected = true;
        return false;
    }
});

Без JQuery:

var options = document.querySelectorAll('#my_select option');
for (var i = 0, l = options.length; i < l; i++) {
    options[i].selected = options[i].defaultSelected;
}
61
дададзена
ўсталяваць элемент па змаўчанні параметр з defaultSelected <�код /> атрыбут і скінуць як гэты $ ( '# абярыце опцыю') removeAttr ( 'абрана') ;.
дададзена аўтар user3752919, крыніца

Вы можаце выкарыстоўваць defaultSelected ўласцівасць опцыя элемент :

<�Р> змяшчае пачатковае значэнне абранага атрыбуту HTML, якое паказвае, абраны Ці параметр па змаўчанні ці не.

Такім чынам, інтэрфейс DOM ўжо адсочвае, які варыянт быў абраны першапачаткова.

$("#reset").on("click", function() {
    $('#my_select option').prop('selected', function() {
        return this.defaultSelected;
    });
});

<�моцны> DEMO

Гэта будзе працаваць нават для некалькіх выбраных элементаў.

Калі вы не хочаце, каб перабраць усе варыянты, але «зламаць» пасля таго, як вы знайшлі першапачаткова абраны адзін, вы можаце выкарыстоўваць .each замест таго, каб:

$('#my_select option').each(function() {
    if (this.defaultSelected) {
        this.selected = true;
        return false;
    }
});

Без JQuery:

var options = document.querySelectorAll('#my_select option');
for (var i = 0, l = options.length; i < l; i++) {
    options[i].selected = options[i].defaultSelected;
}
61
дададзена
ўсталяваць элемент па змаўчанні параметр з defaultSelected <�код /> атрыбут і скінуць як гэты $ ( '# абярыце опцыю') removeAttr ( 'абрана') ;.
дададзена аўтар user3752919, крыніца
$("#reset").on("click", function() {
    $("#my_select").val('b');//Setting the value as 'b'
});
13
дададзена
Я не ведаю, што гэта прасунутае значэнне па змаўчанні ў акне выбару
дададзена аўтар RIKI, крыніца
Правільна, таму на боку сервера вы можаце генераваць код на баку кліента, які ведае па змаўчанні!
дададзена аўтар Jamiec, крыніца
@OTARIKI - калі вы не ведаеце загадзя, што па змаўчанні, як вы ведаеце, які варыянт, каб дадаць абраны = «абраны» атрыбут?!
дададзена аўтар Jamiec, крыніца
@Jamiec: Гэта можа, але гэта не абавязкова генераваць JavaScript.
дададзена аўтар Felix Kling, крыніца
@Jamiec: Гэта, верагодна, на боку сервера згенераваны код.
дададзена аўтар Felix Kling, крыніца
гэта можа не працаваць у некаторых браўзэрах. паспрабуйце запускаючы змяненне() пасля гэтага: .. $ ( "# my_select") Val ( 'B') змяненне()
дададзена аўтар krishgopinath, крыніца
яго не скінуць, яго налады я думаю.
дададзена аўтар Jai, крыніца
$("#reset").on("click", function() {
    $("#my_select").val('b');//Setting the value as 'b'
});
13
дададзена
Я не ведаю, што гэта прасунутае значэнне па змаўчанні ў акне выбару
дададзена аўтар RIKI, крыніца
Правільна, таму на боку сервера вы можаце генераваць код на баку кліента, які ведае па змаўчанні!
дададзена аўтар Jamiec, крыніца
@OTARIKI - калі вы не ведаеце загадзя, што па змаўчанні, як вы ведаеце, які варыянт, каб дадаць абраны = «абраны» атрыбут?!
дададзена аўтар Jamiec, крыніца
@Jamiec: Гэта, верагодна, на боку сервера згенераваны код.
дададзена аўтар Felix Kling, крыніца
@Jamiec: Гэта можа, але гэта не абавязкова генераваць JavaScript.
дададзена аўтар Felix Kling, крыніца
гэта можа не працаваць у некаторых браўзэрах. паспрабуйце запускаючы змяненне() пасля гэтага: .. $ ( "# my_select") Val ( 'B') змяненне()
дададзена аўтар krishgopinath, крыніца
яго не скінуць, яго налады я думаю.
дададзена аўтар Jai, крыніца
$('#my_select').get(0).selectedIndex = 1;

But, In my opinion, the better way is using HTML only (with <input type="reset" />):

<form>
    
    <input type="reset" value="reset" />
</form>
12
дададзена
@ChamikaSandamal .get (0) выкарыстоўваецца для атрымання элемента DOM, так што вы можаце атрымаць доступ да ўласцівасцяў, такім як .selectedIndex
дададзена аўтар billyonecan, крыніца
Любая прычына, каб выкарыстоўваць атрымаць (0) з ID селектар?
дададзена аўтар Chamika Sandamal, крыніца
@ChamikaSandamal Не, толькі хутка друкаваць.
дададзена аўтар user1823761, крыніца
$('#my_select').get(0).selectedIndex = 1;

But, In my opinion, the better way is using HTML only (with <input type="reset" />):

<form>
    
    <input type="reset" value="reset" />
</form>
12
дададзена
@ChamikaSandamal .get (0) выкарыстоўваецца для атрымання элемента DOM, так што вы можаце атрымаць доступ да ўласцівасцяў, такім як .selectedIndex
дададзена аўтар billyonecan, крыніца
Любая прычына, каб выкарыстоўваць атрымаць (0) з ID селектар?
дададзена аўтар Chamika Sandamal, крыніца
@ChamikaSandamal Не, толькі хутка друкаваць.
дададзена аўтар user1823761, крыніца

Чаму б не выкарыстоўваць просты яваскрипт функцыі і выклікаць яго на OnClick падзеі?

function reset(){
document.getElementById("my_select").selectedIndex = 1; //1 = option 2
}
6
дададзена

Чаму б не выкарыстоўваць просты яваскрипт функцыі і выклікаць яго на OnClick падзеі?

function reset(){
document.getElementById("my_select").selectedIndex = 1; //1 = option 2
}
6
дададзена

Вы можаце выкарыстоўваць дадзеныя атрыбут выберыце элемент


Ваш JavaScript,

$("#reset").on("click", function() {
    $("#my_select").val($("#my_select").data("default-value"));
});

http://jsfiddle.net/T8sCf/10/

<�Моцны> UPDATE


Калі вы не ведаеце, выбар па змаўчанні, і калі вы не можаце абнавіць HTML, дадаць наступны код у йоте гатовыя,

$("#my_select").data("default-value",$("#my_select").val());

http://jsfiddle.net/T8sCf/24/

5
дададзена

Вы можаце выкарыстоўваць дадзеныя атрыбут выберыце элемент


Ваш JavaScript,

$("#reset").on("click", function() {
    $("#my_select").val($("#my_select").data("default-value"));
});

http://jsfiddle.net/T8sCf/10/

<�Моцны> UPDATE


Калі вы не ведаеце, выбар па змаўчанні, і калі вы не можаце абнавіць HTML, дадаць наступны код у йоте гатовыя,

$("#my_select").data("default-value",$("#my_select").val());

http://jsfiddle.net/T8sCf/24/

5
дададзена

Адзін добры чысты спосаб дадаць атрыбут дадзеных па змаўчанні для абраных


То коды вельмі простыя:

$("#reset").on("click", function() {
    var $select = $('#my_select');
    $select.val($select.data('default'));
});

Live example: http://jsfiddle.net/T8sCf/7/

3
дададзена

Вы таксама можаце скінуць значэння некалькіх аператараў SELECT, а затым выклікаць кнопку адпраўкі.

Калі ласка, глядзіце тут у дзеянні:

Жывы Прыклад:

$(function(){
    $("#filter").click(function(){
        //alert('clicked!');
        $('#name').prop('selectedIndex',0);
        $('#name2').prop('selectedIndex',0);
        $('#submitBtn').click();
    });
});
3
дададзена

Вы таксама можаце скінуць значэння некалькіх аператараў SELECT, а затым выклікаць кнопку адпраўкі.

Калі ласка, глядзіце тут у дзеянні:

Жывы Прыклад:

$(function(){
    $("#filter").click(function(){
        //alert('clicked!');
        $('#name').prop('selectedIndex',0);
        $('#name2').prop('selectedIndex',0);
        $('#submitBtn').click();
    });
});
3
дададзена
$("#reset").on("click", function() {
    $('#my_select').prop('selectedIndex',0);
});
3
дададзена
Ён не будзе працаваць, таму што абраны пункт «б» знаходзіцца на другой пазіцыі
дададзена аўтар Oleksii Aza, крыніца
$("#reset").on("click", function() {
    $('#my_select').prop('selectedIndex',0);
});
3
дададзена
Ён не будзе працаваць, таму што абраны пункт «б» знаходзіцца на другой пазіцыі
дададзена аўтар Oleksii Aza, крыніца

У мяне ёсць поле выбару



<div id="reset">
    reset
</div>

Я таксама кнопка, тут па змаўчанні скіду (абрана) значэнне «б», выкажам здагадку, што я выбіраю «з» і пасля таго, як мне трэба resert абярыце значэнне вокны па змаўчанні, як зрабіць гэта з дапамогай Angular2?

2
дададзена
Гэта не правільна задаваць пытанні. Гэта толькі для адказаў. Для вашага запыту, калі ласка, перайдзіце па ASK кнопкі ПЫТАННЯ.
дададзена аўтар siddhartha esunuri, крыніца
прабачце. я пачатковец у гэтым супольнасці. размесцім яго ў Задавайце пытанні з наступнага разу
дададзена аўтар kishore Raju, крыніца

Прывязка апрацоўшчыка падзей да фокуснай выпадку выберыце , каб захапіць папярэдняе значэнне. Затым ўсталюйце значэнне выберыце папярэдняе значэнне пры перазапуску кнопкі.

var previousValue = "";
$("#my_select").on("focus",function(){
    previousValue = $(this).val();
});

$("#reset").on("click", function() {
   $("#my_select").val(previousValue);
});

Working Example: http://jsfiddle.net/T8sCf/17/

1
дададзена

Прывязка апрацоўшчыка падзей да фокуснай выпадку выберыце , каб захапіць папярэдняе значэнне. Затым ўсталюйце значэнне выберыце папярэдняе значэнне пры перазапуску кнопкі.

var previousValue = "";
$("#my_select").on("focus",function(){
    previousValue = $(this).val();
});

$("#reset").on("click", function() {
   $("#my_select").val(previousValue);
});

Working Example: http://jsfiddle.net/T8sCf/17/

1
дададзена

Для тых, хто працуе з Bootstrap-выберыце, вы можаце выкарыстоўваць гэта:

$('#mySelect').selectpicker('render');
1
дададзена

Для тых, хто працуе з Bootstrap-выберыце, вы можаце выкарыстоўваць гэта:

$('#mySelect').selectpicker('render');
1
дададзена

Вы можаце зрабіць гэта так:

var preval = $('#my_select').val();//get the def value

$("#reset").on("click", function() {
   $('#my_select option[value*="' + preval + '"]').prop('selected', true);
});

<�моцны> кантролю гэтай скрыпка

ўзяць вар які змяшчае загружаную значэнне па змаўчанні да падзеі змены, то атрымаеце магчымасць з дапамогай селектара атрыбутаў значэння з ўтрымлівае вар значэнне усталёўваецца ўласцівасць абрана.

1
дададзена
Замест $ ( '# my_select опцыі [значэнне * = "' + Прэвалю + '"]') Прапілоўка ( 'Selected', праўдзівы) ;. , вы можаце проста зрабіць $ ( ' #my_select '). вал (Превал) .
дададзена аўтар Felix Kling, крыніца

Вы можаце зрабіць гэта так:

var preval = $('#my_select').val();//get the def value

$("#reset").on("click", function() {
   $('#my_select option[value*="' + preval + '"]').prop('selected', true);
});

<�моцны> кантролю гэтай скрыпка

ўзяць вар які змяшчае загружаную значэнне па змаўчанні да падзеі змены, то атрымаеце магчымасць з дапамогай селектара атрыбутаў значэння з ўтрымлівае вар значэнне усталёўваецца ўласцівасць абрана.

1
дададзена
Замест $ ( '# my_select опцыі [значэнне * = "' + Прэвалю + '"]') Прапілоўка ( 'Selected', праўдзівы) ;. , вы можаце проста зрабіць $ ( ' #my_select '). вал (Превал) .
дададзена аўтар Felix Kling, крыніца

Гэты код дапаможа вам.

<html>
<head>
    <script type="text/JavaScript" src="jquery-2.0.2.min.js"></script>
    <script type="text/JavaScript">
        $(function(){
            var defaultValue = $("#my_select").val();
            $("#reset").click(function() {
                $("#my_select").val(defaultValue);
            });
        });
    </script>
</head>
<body>
    
    <div id="reset">
        <input type="button" value="reset"/>
    </div>
</body>
1
дададзена
OP не ведае, які варыянт будзе абраны па змаўчанні.
дададзена аўтар Felix Kling, крыніца
Можа быць, вы павінны дадаць, што да вашага адказу.
дададзена аўтар Felix Kling, крыніца
Пры загрузцы старонкі, пераменная можа быць ўстаноўлена на падставе значэння, абранага ў дадатку. Тая ж пераменная можа быць выкарыстана для ўстаноўкі значэнні па пстрычцы скіду.
дададзена аўтар Raghav, крыніца
Абнаўленне гэта прымусіць яго працаваць дынамічна.
дададзена аўтар Raghav, крыніца

Гэты код дапаможа вам.

<html>
<head>
    <script type="text/JavaScript" src="jquery-2.0.2.min.js"></script>
    <script type="text/JavaScript">
        $(function(){
            var defaultValue = $("#my_select").val();
            $("#reset").click(function() {
                $("#my_select").val(defaultValue);
            });
        });
    </script>
</head>
<body>
    
    <div id="reset">
        <input type="button" value="reset"/>
    </div>
</body>
1
дададзена
OP не ведае, які варыянт будзе абраны па змаўчанні.
дададзена аўтар Felix Kling, крыніца
Можа быць, вы павінны дадаць, што да вашага адказу.
дададзена аўтар Felix Kling, крыніца
Пры загрузцы старонкі, пераменная можа быць ўстаноўлена на падставе значэння, абранага ў дадатку. Тая ж пераменная можа быць выкарыстана для ўстаноўкі значэнні па пстрычцы скіду.
дададзена аўтар Raghav, крыніца
Абнаўленне гэта прымусіць яго працаваць дынамічна.
дададзена аўтар Raghav, крыніца

Просты спосаб, які працуе ў

 var myselect = $("select.SimpleAddAClass");
 myselect[0].selectedIndex = 0;
 myselect.selectmenu("refresh");
1
дададзена

Просты спосаб, які працуе ў

 var myselect = $("select.SimpleAddAClass");
 myselect[0].selectedIndex = 0;
 myselect.selectmenu("refresh");
1
дададзена

Пры выкарыстанні Spring формы, вам можа спатрэбіцца, каб скінуць абраны на налепцы опцый. Вы б ўсталяваць форму: Select значэнне ідэнтыфікатара пустая радок скідае свой выбар на этыкетцы ў якасці значэння па змаўчанні.

<form:select path="myBeanAttribute" id="my_select">
    <form:option value="" label="--Select One--"/>
    <form:options items="${mySelectionValueList}"/>


 $("#reset").on("click", function() {
        $("#my_select").val("");
 });

у тым выпадку, калі маецца кнопка скіду. у адваротным выпадку

$("#my_select").val("");
1
дададзена

Пры выкарыстанні Spring формы, вам можа спатрэбіцца, каб скінуць абраны на налепцы опцый. Вы б ўсталяваць форму: Select значэнне ідэнтыфікатара пустая радок скідае свой выбар на этыкетцы ў якасці значэння па змаўчанні.

<form:select path="myBeanAttribute" id="my_select">
    <form:option value="" label="--Select One--"/>
    <form:options items="${mySelectionValueList}"/>


 $("#reset").on("click", function() {
        $("#my_select").val("");
 });

у тым выпадку, калі маецца кнопка скіду. у адваротным выпадку

$("#my_select").val("");
1
дададзена

З JQuery:

$("#reset").on("click", function() {
    $('#my_select').val($('#my_select').find('option[selected="selected"]').val());
}
1
дададзена
Было б мэтазгодна пашырэнне на ваш адказ, каб растлумачыць, што робіць гэты код. Падумайце аб новых карыстачах JQuery, якія не маюць ні найменшага падання, што гэта значыць.
дададзена аўтар Bugs, крыніца

Гэта працуе для мяне:

$("#reset").on("click", function() {
    $("#my_select option[selected]").prop('selected', true);
}

Вы знойдзеце для опцыі па змаўчанні, які мае атрыбут выбару і змяніць выбар на гэтую опцыю.

0
дададзена

Гэта працуе для мяне:

$("#reset").on("click", function() {
    $("#my_select option[selected]").prop('selected', true);
}

Вы знойдзеце для опцыі па змаўчанні, які мае атрыбут выбару і змяніць выбар на гэтую опцыю.

0
дададзена

Скінуць ўсе палі выбару ў опцыі па змаўчанні, калі атрыбут абраны вызначаны.

$("#reset").on("click", function() {
   //Reset all selections fields to default option.
    $('select').each( function() {
        $(this).val( $(this).find("option[selected]").val() );
    });
});
0
дададзена

Скінуць ўсе палі выбару ў опцыі па змаўчанні, калі атрыбут абраны вызначаны.

$("#reset").on("click", function() {
   //Reset all selections fields to default option.
    $('select').each( function() {
        $(this).val( $(this).find("option[selected]").val() );
    });
});
0
дададзена

Я спрабаваў вырашыць яе як іншыя адказы, на жаль, я не атрымаў правільны спосаб зрабіць гэта, як толькі я паспрабаваў, як я пішу ніжэй:

$('#<%=ddID.ClientID %>').get(0).selectedIndex = 0;

гэты код працуе для мяне, я спадзяюся, што будзе карысна для вас, хлопцы.

З найлепшымі пажаданнямі.

Samuel Альварадо.

0
дададзена
$("#reset").on("click", function() {
    $('#my_select').val('-1');
});

http://jsfiddle.net/T8sCf/1323/

0
дададзена