javascript / jquery代码,用于获取用户选择某些文本的表单的形式#

时间:2011-11-03 11:18:55

标签: javascript jquery

我的页面中有多个表单。

我想要的是,获取表格#,(例如第二种形式是表格#2),其中最终用户选择了一些文字

我将使用表单#在该特定表单上执行一些进一步的操作,使用jquery并且我需要将#作为参数传递给我必须进行的jquery调用。

有没有办法使用jquery或javascript获取此功能?

2 个答案:

答案 0 :(得分:1)

使用焦点,可以让你设置一个变量来知道最终用户点击其中一个fiels的表单的id。

Html:

<form id="1">
  <input id="target1" type="text" value="Field 1" />
  <input type="text" value="Field 2" />
</form>
<form id="2">
  <input id="target2" type="text" value="Field 1" />
  <input type="text" value="Field 2" />
</form>

javascript(JQuery):

$('form').each(function(){
    $(this).children().focus(function() {
      alert($(this).parent('form').attr('id'));
    });
});

jsfiddle示例:http://jsfiddle.net/qnsqZ/

答案 1 :(得分:1)

您可以使用index()方法查找表单的#:

var $form = $('#someFormId');
var index = $('form').index($form);       //OR, equivalent:
    index = $form.index('form');

格式:
$element . index( selector )(其中 $element 是一个jQuery对象, selector 是一个匹配要搜索的集合的字符串。
$collection .index( $element )(其中 $collection 是jQuery对象,表示所有元素, $element 是DOM或jQuery对象,表示要查找的元素。

注意:index()的参数非常重要。如果您不确定,请仔细查看文档。