1

如果用户选择“选项 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>
4

2 回答 2

0
  1. 为您的表单提供一个 ID(例如:“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()。

于 2013-09-25T08:16:19.217 回答
-1

您可以在标签中使用 onclick 事件并调用 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>

或第二种方式

在select标签的selected事件上,你可以调用javascript并传递选项值,根据选项值你可以确定想要的动作

于 2013-09-25T08:07:27.190 回答