код который меняет значение Input-ов

Тема в разделе "JavaScript", создана пользователем funman, 1 дек 2013.

Модераторы: ZiX
  1. funman

    funman Постоялец

    Регистр.:
    28 дек 2007
    Сообщения:
    146
    Симпатии:
    25
    Есть вот такая конструкция вызова всплывающего окошка на странице
    Код:
    <!-- Скрипт показа всплывающего окна -->
    
    <script type="text/javascript">
    
    jQuery(function($){
                // bind event handlers to modal triggers
    
    $('body').on('click', '#download', function(e){
                    e.preventDefault();
                    $('#bandle').modal().open();
                });
                // attach modal close handler
                $('.modal .close').on('click', function(e){
                    e.preventDefault();
                    $.modal().close();
                });
                // below isn't important (demo-specific things)
                $('.modal .more-toggle').on('click', function(e){
                    e.stopPropagation();
                    $('.modal .more').toggle();
                });
            });
    
    </script>
    
    
    
    
    <!-- Окно с формой окна -->
    <div class="modal" id="bandle" style="display: none;height: 600px;">
        <a href="#" class="close">&times;</a>
      
      
    <form  name="contactForm" class="text_forma" action="" method="post" enctype="multipart/form-data" onsubmit="return isEmailCorrect('contactForm', 'email');">
    <input type=hidden name=Desc value='описание'>
    <input type=hidden name=OutSum value='123456'>
    <input type=hidden name=shp_date value='2013'>
    
    
            <input id="inp" type="text" name="name" size="40" placeholder="Фамилия, Имя *" >
            <br>
    
            <br>
            <input type="hidden" name="pagetitle" value="">
    <input type="submit" value="" onclick="get_title()">
    
          </form>
    
    </div>
    
    
    <!-- Кнопки показа формы -->
    <a href="#" id="download" >Кнопка 1</a>
    <a href="#" id="download" >Кнопка 2</a>


    Помогите сделать так чтобы при нажатии на разные кнопки в форме у полей input можно было задавать разные значения value.
    Самое простое было бы в теле прописать нужно кол-во форм с разными значениями, но это плохой вариант , так на 1 странце могут быть 10тки кнопок которые вызывают одну и тоже форму по форме в которой к примеру должен меняться 1 или 2 параметра.
    Думаю что в части где обрабатывается событие click и вызывается окно, у кнопок можно прописать разные ID к примеру download1,2 и там добавить чтобы у разных input-ов задавались определенные value по имени. Буду благодарен если поможете с кодом.
     
  2. 01K

    01K

    Регистр.:
    27 июн 2013
    Сообщения:
    271
    Симпатии:
    40
  3. Aserus

    Aserus Постоялец

    Регистр.:
    16 ноя 2013
    Сообщения:
    78
    Симпатии:
    4
    ты кнопкам пропиши аттрибуты data-pagetitle="значение1" data-val2="значение2"
    а уже при клике проверяй есть ли этот аттрибут и если да то заполняй input
    Код:
    if ($(this).attr('data-pagetitle'))
        $('.text_forma input[name="pagetitle"]').val($(this).attr('data-pagetitle'))
     
  4. iceser1

    iceser1 Создатель

    Регистр.:
    13 мар 2012
    Сообщения:
    11
    Симпатии:
    1
    1. поменяй ИД кнопок на класс(class)
    2. привежи обработку по клику
    Код:
    $( ".download" ).click(function() {
    if ($(this).attr('data-pagetitle'))
        $('.text_forma input[name="pagetitle"]').val($(this).attr('data-pagetitle'))
    });