0

我有一个包含两个隐藏参数的表单，我想将它们传递给函数 LoadView

<form name="frm1" action="http://localhost/tddd27/index.php/AddProduct/LoadView">
<input type="text" name="ID"  value="<?php echo $ID; ?>" hidden="true" >
<input type="text" name="Name"  value="<?php echo $Name; ?>" hidden="true">
<button id="add_product_button">Add product</button>
</form>

如果我使用一个简单的按钮，一切正常。我想要做的是创建一个 Jquery 菜单：

html:

<ul id="menu">
  <li><a href="#"><span class="ui-icon ui-icon-disk"></span>View All Products</a></li>
  <li><a href="#"><span class="ui-icon ui-icon-zoomin"></span>Add New Product</a></li>
  <li><a href="#"><span class="ui-icon ui-icon-zoomout"></span>View Profile</a></li>
  <li><a href="#"><span class="ui-icon ui-icon-zoomout"></span>Edit Profile</a></li>
</ul>

查询：

$(document).ready(function() {

    $( "#menu" ).menu();

});

在此处输入图像描述

并且当用户单击此 Jquery 菜单上的一个添加新产品时提交表单。我试图将表单放在一个 li 标签内，但它不起作用。知道我该怎么做吗？

4

3 回答 3

1

用于form.submit()通过 jQuery 手动触发表单提交。

关于 .submit() 的文档：

Bind an event handler to the "submit" JavaScript event, or trigger that event on an element.

因此，只需.click()在包装“添加产品”菜单项的锚点上附加一个事件并触发该.submit()事件。

您的解决方案：

菜单 HTML 代码：

<ul id="menu">
  <li><a href="#"><span class="ui-icon ui-icon-disk"></span>View All Products</a></li>
  <li><a href="#" id="addNewProduct"><span class="ui-icon ui-icon-zoomin"></span>Add New Product</a></li>
  <li><a href="#"><span class="ui-icon ui-icon-zoomout"></span>View Profile</a></li>
  <li><a href="#"><span class="ui-icon ui-icon-zoomout"></span>Edit Profile</a></li>
</ul>

表单 HTML 代码

<form name="frm1" id="frm1" action="http://localhost/tddd27/index.php/AddProduct/LoadView">
<input type="text" name="ID"  value="<?php echo $ID; ?>" hidden="true" >
<input type="text" name="Name"  value="<?php echo $Name; ?>" hidden="true">
<button id="add_product_button">Add product</button>
</form>

jQuery代码：

$(文档).ready(函数() {

$( "#menu" ).menu();
$("#addNewProduct").click(function(){
   $("#frm1").submit();
});

});

于 2013-05-02T05:26:21.367 回答
0

尝试这样的事情。

<ul id="menu">
  <li><a href="#"><span class="ui-icon ui-icon-disk"></span>View All Products</a></li>
  <li><a href="http://localhost/tddd27/index.php/AddProduct/LoadView?ID="<?=$ID?>&Name="<?=$Name?>"><span class="ui-icon ui-icon-zoomin"></span>Add New Product</a></li>
  <li><a href="#"><span class="ui-icon ui-icon-zoomout"></span>View Profile</a></li>
  <li><a href="#"><span class="ui-icon ui-icon-zoomout"></span>Edit Profile</a></li>
</ul>
于 2013-05-02T05:24:43.317 回答
0 
// give an id attribute to form tag
<form id="frm1" name="frm1" action="http://localhost/tddd27/index.php/AddProduct/LoadView">
<input type="text" name="ID"  value="<?php echo $ID; ?>" hidden="true" >
<input type="text" name="Name"  value="<?php echo $Name; ?>" hidden="true">
<button id="add_product_button">Add product</button>
</form>

Now on the click event of <li>add new product</li> do $('#frm1').submit();
于 2013-05-02T05:25:04.640 回答