GET previous选择下拉菜单项 [英] get previous selected dropdown item

问题描述

我有以下code其中我有一个下拉列表（类= addToList ，后一个按钮（类= addtoButton ）

当我点击按钮，我想抓住从previous下拉列表中选择当前的值和文本。

  $（。addToPortalButton）。生活（'点击'，功能（E）{//抢previous下拉列表中的值和文本在这里。}）;
 

什么是做这个使用jQuery最简单的方法。

下面是HTML：

 ＆LT;选择类=addToListID =团队NAME =团队＆GT;
     ＆LT;选项＆GT;＆LT; /选项＆GT;
    ＆LT;期权价值=49＆GT;团队1 LT; /选项＆GT;
    ＆LT;期权价值=22＆GT;团队2'; /选项＆GT;
＆LT; /选择＆GT;
＆LT;输入类型=按钮类=addToButtonVALUE =添加到/＆GT;＆LT;选择类=addToListID =团队NAME =团队＆GT;
     ＆LT;选项＆GT;＆LT; /选项＆GT;
    ＆LT;期权价值=49＆GT;团队1 LT; /选项＆GT;
    ＆LT;期权价值=22＆GT;团队2'; /选项＆GT;
＆LT; /选择＆GT;
＆LT;输入类型=按钮类=addToButtonVALUE =添加到/＆GT;＆LT;选择类=addToListID =团队NAME =团队＆GT;
     ＆LT;选项＆GT;＆LT; /选项＆GT;
    ＆LT;期权价值=49＆GT;团队1 LT; /选项＆GT;
    ＆LT;期权价值=22＆GT;团队2'; /选项＆GT;
＆LT; /选择＆GT;
＆LT;输入类型=按钮类=addToButtonVALUE =添加到/＆GT;
 

解决方案

您可以使用 。preV（） 或 prevAll（） 获得＆LT;选择＆GT; 之前是这样的：

的编辑：的为其中 .live（）已去precated的jQuery的新版本，新的 。对（） 语法是：

 的$（document）。在（'点击'，'.addToButton'功能（E）{
  VAR SEL = $（本）prevAll（'addToList：第一'），
      VAL = sel.val（），
      文字= sel.find（'：选择'）文本（）;
}）;
 

的旧的版本：的

  $（。addToButton）。生活（'点击'，功能（E）{
  VAR SEL = $（本）prevAll（addToList：第一），
      VAL = sel.val（），
      文字= sel.find（'：选择'）文本（）;
}）;
 

i have the following code where i have a dropdown list (with class="addToList" and followed by a button (Class="addtoButton"):

When i click on the button, i want to grab the current selected value and text from the previous dropdown list.

$(".addToPortalButton").live('click', function (e) {

// grab the previous dropdown list value and text here.

});

what is the easiest way to doing this using jquery.

Here is the html:

<select class="addToList" id="Teams" name="Teams">
     <option></option>
    <option value="49">Team 1</option>
    <option value="22">Team 2</option>
</select>
<input type='button' class="addToButton" value='Add to' />

<select class="addToList" id="Teams" name="Teams">
     <option></option>
    <option value="49">Team 1</option>
    <option value="22">Team 2</option>
</select>
<input type='button' class="addToButton" value='Add to' />

<select class="addToList" id="Teams" name="Teams">
     <option></option>
    <option value="49">Team 1</option>
    <option value="22">Team 2</option>
</select>
<input type='button' class="addToButton" value='Add to' />

解决方案

You can use .prev() or .prevAll() to get the <select> before like this:

Edit: for newer versions of jQuery where .live() has been deprecated, the new .on() syntax is:

$(document).on('click', '.addToButton', function (e) {
  var sel = $(this).prevAll('.addToList:first'),
      val = sel.val(),
      text = sel.find(':selected').text();    
});

Older version:

$(".addToButton").live('click', function (e) {
  var sel = $(this).prevAll(".addToList:first"),
      val = sel.val(),
      text = sel.find(':selected').text();    
});

这篇关于GET previous选择下拉菜单项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！