Форма с несколькими действиями

0

Я пытаюсь создать форму с несколькими действиями, если пользователь выбирает действие "1 вариант", должен быть xxxxx.php, и если пользователь выбирает "вариант 2", действие переходит на другую страницу

<form method="post" action="irancell-charge.php">
     <input type="tel" name="phone" placeholder="093x-xxxxxxx" maxlength="11">
            <!-- Select Basic -->
                 <div class="control-group">
                     <div class="controls">
                         <select id="selectbasic" name="selectbasic" class="input-xlarge">
                                <option>option 1</option>
                                <option>optoin 2</option>

                            </select>
                        </div>
                    </div>
                         <button type="submit" class="btn btn-success">send</button>
                    </form>
Теги:
forms
action

2 ответа

0
  1. Дайте идентификатор вашей форме (например: "myform")
  2. Дайте атрибут значения вашим параметрам (например: "option1", "option2")

затем

<form id="myform" method="post" action="irancell-charge.php">
     <input type="tel" name="phone" placeholder="093x-xxxxxxx" maxlength="11">
            <!-- Select Basic -->
                 <div class="control-group">
                     <div class="controls">
                         <select id="selectbasic" name="selectbasic" class="input-xlarge">
                                <option value="option1">option 1</option>
                                <option value="option2">optoin 2</option>

                            </select>
                        </div>
                    </div>
                         <button type="submit" class="btn btn-success">send</button>
                    </form>


<script type="text/javascript">
document.getElementById('selectbasic').onchange = function(){
    console.log('hola');
    if (this.value=='option1') {
        newAction='option1.php';
    } else if (this.value=='option2') {
        newAction='option2.php';
    } else {
        newAction='else.php';
    }
    document.getElementById('myform').action = newAction;
}
</script>

Если вы используете jQuery, вы можете заменить document.getElementById на $() или jQuery().

  • 0
    у меня работает tnx.yuor код
-2

вы можете использовать onclick event в теге и вызывать javascript для отправки формы с различным действием

    onclick="submitform1()"

    <script type="text/javascript">

      submitform1(){

      document.myform.action = "xxxxx.php";
      document.submit();

    }

//for option2 submitform2
 submitform2(){

      document.myform.action = "yyyyy.php";
      document.submit();

    }

</script>

или второй способ

onselected event из тега select, вы можете вызвать javascript и передать значение параметра, в зависимости от значения параметра, вы можете определить желаемое действие

  • 0
    извините, но где я могу поставить onclick? в кнопке или в теге выбора?
  • 0
    Это не работает, так как форма должна быть отправлена с помощью кнопки отправки, а не выбора.

Ещё вопросы

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