Как вызвать сброс по множеству входов из ВНЕШНЕЙ формы

0

У меня есть форма с различными видами входов, текстом, выпадающими, радиальными кнопками, ползунками и флажками. Моя кнопка "Сброс" находится за пределами формы (над формой). Есть ли способ щелкнуть по кнопке и установить все входы обратно по умолчанию?

У меня есть аккордеон Bootstrap Twitter, с кнопкой сброса на заголовке аккордеона. Форма ниже внутри аккордеона. Я хочу иметь возможность очистить форму, если аккордеон будет расширен или скомпенсирован.

Пример:

Аккордеонный заголовок (расширенный) Сброс

поля ввода

Аккордеонный заголовок (рухнул) Сброс

Мой сброс в моем html так:

<a id="icon-Reset" href="#form" class="btn-mini" type="reset"><i class="icon-refresh"  title="Reset" ></i></a>

и я пытался сделать это в своем файле javascript:

#icon-Reset.click(function(){
$('#form').get(0).reset();
});

но я не могу заставить работать.

Чтобы быть более ясным, вот вершина html, в которой есть вышеописанная строка html:

<div id="side-bar-container">
<div id="sideBar">
    <div class="accordion" id="mainAccordion">
        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse"
                    data-parent="#mainAccordion" data-target="#collapseOne"> <i
                    class="icon-chevron"></i>Accordion Heading1 
                </a>
                <a id="icon-Reset" href="#form" class="btn-mini" type="reset"><i class="icon-refresh"  title="Reset" ></i></a> 
            </div>
            <div id="collapse" class="accordion-body collapse in">
                <div class="accordion-inner scrollable">
                    <div id="Accordion1">
                        <form id="form"class="form-search form-horizontal">
                            <fieldset>

Я ОЧЕНЬ новичок в Javascript, HTML и т.д., Поэтому, пожалуйста, детально... Спасибо!

  • 0
    читать о селекторах jquery, попытаться вернуться, опубликовать свой код и оказать помощь
  • 0
    Почему ваша кнопка сброса находится за пределами формы? Это может быть расположено где угодно и все еще быть в форме
Показать ещё 2 комментария
Теги:
reset
input

1 ответ

1
Лучший ответ

Ваш подход был правильным, но вам нужно приложить действие сброса формы к событию клика вашей кнопки. Это может быть любой элемент управления, предполагающий, что это диапазон с id "reset"

<span id="reset">Reset</span>

Вы можете щелкнуть по нему форму сброса с идентификационной формой:

$('#reset').click(function() {

    $("#form")[0].reset();

})

Этот код присоединяет действие, чтобы охватить событие onclick, а внутри действия получает форму и сбрасывает ее. Здесь небольшая демонстрация - заполните форму и затем нажмите "Сброс":

http://jsfiddle.net/29ewk/

Поделиться
  • 0
    Благодарю за ваш ответ. Я попробовал это, и это все еще не работает, хотя, я добавил больше моего html к своему вопросу. У меня не работает, потому что его идентификатор не сбрасывается? Или не промежуток? Или я не правильно связал свой <a> </a>?
  • 0
    На самом деле да, мой пример кода специально использовал элемент управления с ID = "сброс". Можете ли вы в качестве теста заменить весь этот <a id="icon-Reset" href="#form" class="btn-mini" type="reset"><i class="icon-refresh" title="Reset" ></i></a> строка с <span id="reset">Reset</span> ? Также не забывайте, что вы должны запустить этот код инициализации $('#reset').click(function() {... внутри $(document ).ready(function() {... call)
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню