Question

您好我可以选择在几个ips中选择，并且因为使用php生成的自动option id="userip"是相同的。当我选择第二，第三或甚至第四时，我会遇到问题，即使在选项中我选择了ip 127.0.0.1或任何其他选项，它也会自动获取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 () {}
    })
}

Answer 1

页面上的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 official documentation

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

或

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

Answer 2

只需获取搜索字段的值即可。你也可以使用回调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 () {}
})

}

在选项中设置多个id

2 个答案: