Javascript 从多个下拉列表中获取值_Javascript_Jquery_Html

Javascript 从多个下拉列表中获取值

javascript jquery html

Javascript 从多个下拉列表中获取值,javascript,jquery,html,Javascript,Jquery,Html,我有多个相同的下拉菜单，我需要它们相同 <select name="Obrojgoluba" id="otacmajka" class="selectbox_dodajpostojeceg" onchange="dodajpostojeceg('otac')"> <option value="1">06557-07-681</option> <option value="2">07216-05-552</option> <

我有多个相同的下拉菜单，我需要它们相同

 <select name="Obrojgoluba" id="otacmajka" class="selectbox_dodajpostojeceg" onchange="dodajpostojeceg('otac')">
  <option value="1">06557-07-681</option>
  <option value="2">07216-05-552</option>
</select>

但问题是，它从第一个选择列表中获取价值，而不是从我网站上的其他列表中获取价值。当我点击第一个按钮时，它会得到很好的值。但是，当我在我的站点上单击与第一个选择列表相同的其他选择列表时，它会返回或为空或从第一个选择列表中记住的值，这是一件奇怪的事情，但请尝试以下操作：

function dodajpostojeceg(x)
{
    var ID = $('select[name="Obrojgoluba"]').val();
    alert(ID);

}

function dodajpostojeceg(x)
{
    var ID = $(this).val();
    alert(ID);
}

根据CBRoe的评论，多个相同的ID无效，这可能会妨碍您的进度…

这是一件奇怪的事情，但请尝试以下方法：

function dodajpostojeceg(x)
{
    var ID = $(this).val();
    alert(ID);
}

根据CBRoe的评论，多个相同的ID无效，这可能会妨碍您的进度…

您正在使用此ID

var ID = $('select[name="Obrojgoluba"]').val();

正如您所说，您的页面上可能有多个

select

。因此，如果它们有相同的名称，上面的代码将首先选择

一个，这就是您得到的

因此，您只需更改函数和标记即可使此代码可行

function dodajpostojeceg(element)
{
    var ID = $(element).val();
    alert(ID);
}

像这样调用这个函数

<select name="Obrojgoluba" id="otacmajka" class="selectbox_dodajpostojeceg" onchange="dodajpostojeceg(this)">

您正在使用此

var ID = $('select[name="Obrojgoluba"]').val();

正如您所说，您的页面上可能有多个

select

。因此，如果它们有相同的名称，上面的代码将首先选择

一个，这就是您得到的

因此，您只需更改函数和标记即可使此代码可行

function dodajpostojeceg(element)
{
    var ID = $(element).val();
    alert(ID);
}

像这样调用这个函数

<select name="Obrojgoluba" id="otacmajka" class="selectbox_dodajpostojeceg" onchange="dodajpostojeceg(this)">

确保包含

jquery

lib，并且在

html

<head>
    function dodajpostojeceg(x)
    {
        var ID = $('select[name="Obrojgoluba"]').val();
        alert(ID);
    }
</head>

<body>
    <select name="Obrojgoluba" id="otacmajka" class="selectbox_dodajpostojeceg" onchange="dodajpostojeceg('otac')">
        <option value="1">06557-07-681</option>
        <option value="2">07216-05-552</option>
    </select>
</body>


函数dodajpostojeceg（x）
{
var ID=$（'select[name=“Obrojgoluba”]”）。val（）；
警报（ID）；
}
06557-07-681
07216-05-552

小提琴：

当呈现

html

时，它将查找名为

dodajpostojeceg（）

的函数，如果未定义该函数，它将无法绑定

select

和该函数

我假设所有的

select

s都是唯一的

name

确保

jquery

lib包含在内，并且在

html

<head>
    function dodajpostojeceg(x)
    {
        var ID = $('select[name="Obrojgoluba"]').val();
        alert(ID);
    }
</head>

<body>
    <select name="Obrojgoluba" id="otacmajka" class="selectbox_dodajpostojeceg" onchange="dodajpostojeceg('otac')">
        <option value="1">06557-07-681</option>
        <option value="2">07216-05-552</option>
    </select>
</body>


函数dodajpostojeceg（x）
{
var ID=$（'select[name=“Obrojgoluba”]”）。val（）；
警报（ID）；
}
06557-07-681
07216-05-552