使用JQuery更改html表单操作

时间:2012-02-26 21:36:32

标签: jquery forms

我正在尝试根据下拉菜单选项更改表单的操作。我写了几行jQuery来实现这一点,它可以在IE,Safari和Chrome中运行,但出于一些奇怪的原因,不在FireFox中。我使用了以下代码:

$("#drpAction").change(function(){
   var action = $(this).val();
   var url = action + ".php";
   $("#formPlanSubmission").attr("action", url);
});

以下是表单标记:

<form name='saveMealPlan' id='formPlanSubmission' method='POST'>
    <input type='text' id='saveDate' name='saveDate' />
    <select id='drpAction' name='action'>                        
           <option value='null'>Select One</option>
           <option value='save'>Save Plan</option>
           <option value='view'>View Plan</option>
           <option value='edit'>Edit Plan</option>
    </select>
    <input type='submit' name='submitAction' value='Submit' />
</form>

奇怪的是,我尝试添加一个任意属性“rel”而不是“action”,我的代码添加了作为我的表单元素的属性,但它不会添加action元素。

正如我之前所说,这只是FireFox中的情况。它适用于其他浏览器。

非常感谢任何想法或解决方案。

提前致谢。

0 个答案:

没有答案