我正在尝试根据下拉菜单选项更改表单的操作。我写了几行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中的情况。它适用于其他浏览器。
非常感谢任何想法或解决方案。
提前致谢。