Установка нескольких идентификаторов в опции

Question

Установка нескольких идентификаторов в опции

0

Привет, я делаю выбор, чтобы выбрать среди нескольких ips, и поскольку его авто сгенерировано с php, вся option id="userip" такая же. Я сталкиваюсь с проблемой, когда я выбираю 2-й, 3-й или даже 4-й, это автоматический первый ip, который равен 127.0.0.1 даже если в опции я выбираю ip 127.0.2.2 или любой другой.

Я хотел решить это, поэтому хотел бы знать лучший способ сделать это.

<div class="row"> Choose ip:
    <select name="search"> 
         <option id="userip">127.0.0.1</option>
         <option id="userip">127.0.2.2</option>
         <option id="userip">127.3.3.3</option>
         <option id="userip">127.0.4.4</option>
    </select>
    <input class="adm" type="button" onclick="getuser()" value="Get Result">
</div>

Вот мой js

function getuser() {
    var e = $("#userip").val();
    $("#showuser").html("")
    $.ajax({
        url: "adm.php",
        type: "post",
        data: "action=getuser&search="+e+"",
        dataType: "json",
        success: function (e) {
           // do something
        },
        error: function () {}
    })
}

Allison 07 янв. 2014, в 15:21

Источник

4

Вы не можете использовать один и тот же id для нескольких элементов на одной странице. Атрибут id должен оставаться уникальным. Вы должны дать им разные id , использовать вместо них class (который не должен быть уникальным) или их комбинацию.
ajp15243 07 янв. 2014, в 14:14
0

Проблема явно в php, который генерирует опции, поэтому вы должны показать, что
Steve 07 янв. 2014, в 14:14
0

id должен быть уникальным, вы можете изменить скрипт PHP?
Alex K. 07 янв. 2014, в 14:14
0

Спасибо, тогда я подумаю иначе :) @ajp15243 ajp15243
Allison 07 янв. 2014, в 14:15
0

Это нормально, я просто хотел знать, возможно ли это @user574632 user574632, но спасибо, я сделаю это другим способом.
Allison 07 янв. 2014, в 14:17

Показать ещё 3 комментария

Теги:

php

javascript

html

2 ответа

-1

просто введите значение поля поиска. вы также можете использовать обратный вызов onchange.

HTML-код

<div class="row"> Choose ip:
<select name="search" id="search" onchange="getuser()"> 
    <option id="userip">127.0.0.1</option>
     <option id="userip">127.0.2.2</option>
     <option id="userip">127.3.3.3</option>
     <option id="userip">127.0.4.4</option>
</select>
</div>

JS-код

function getuser() {
var e = $("#search").val();
$("#showuser").html("")
$.ajax({
    url: "adm.php",
    type: "post",
    data: "action=getuser&search="+e+"",
    dataType: "json",
    success: function (e) {
       // do something
    },
    error: function () {}
})

}

nitansh bareja 07 янв. 2014, в 12:00

0

При использовании onclick или onchange это не имеет значения, потому что «id» является уникальным элементом
Dmitriy.Net 07 янв. 2014, в 14:37
0

просто ради удаления лишней кнопки. при использовании выпадающего меню кнопка не требуется
nitansh bareja 07 янв. 2014, в 14:47

Ещё вопросы

Вы не можете использовать один и тот же id для нескольких элементов на одной странице. Атрибут id должен оставаться уникальным. Вы должны дать им разные id , использовать вместо них class (который не должен быть уникальным) или их комбинацию.
Проблема явно в php, который генерирует опции, поэтому вы должны показать, что
id должен быть уникальным, вы можете изменить скрипт PHP?
Спасибо, тогда я подумаю иначе :) @ajp15243 ajp15243
Это нормально, я просто хотел знать, возможно ли это @user574632 user574632, но спасибо, я сделаю это другим способом.
При использовании onclick или onchange это не имеет значения, потому что «id» является уникальным элементом
просто ради удаления лишней кнопки. при использовании выпадающего меню кнопка не требуется

Dmitriy.Net · Accepted Answer · 2014-01-07T12-10-00.000Z

ID должен быть уникальным на странице:

<div class="row"> Choose ip:
    <select name="search" id="userip"> 
         <option>127.0.0.1</option>
         <option>127.0.2.2</option>
         <option>127.3.3.3</option>
         <option>127.0.4.4</option>
    </select>
    <input class="adm" type="button" onclick="getuser()" value="Get Result">
</div>

И для выбора значения опции используйте дочерний селектор. См. Официальную документацию по jquery

var e = $("#userip option:selected").text();

Или

var e = $("#userip").val();

вау, дайте мне проверить это @Dmitriy
да, эта работа идеально спасибо, так много сделало мою работу легкой
исправлено: когда мы используем option: selected - значение получит функция text () (не val ())
Я просто заменяю <select name = "search" id = "userip"> и все хорошо