javascript - js/ajax如何获取元素的Id值

Question

我的工作代码发送 <option> 的值是

function getXhr() {
    var xhr = null; 
    if(window.XMLHttpRequest) // Firefox et autres
        xhr = new XMLHttpRequest(); 
    else if(window.ActiveXObject){ // Internet Explorer 
        try {
            xhr = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }
    } else { // XMLHttpRequest non supporté par le navigateur 
        alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
        xhr = false; 
    } 
    return xhr;
}

function go() {
    var xhr = getXhr();
    xhr.onreadystatechange = function() {
        if(xhr.readyState == 4 && xhr.status == 200) {
            leselect = xhr.responseText;
            document.getElementById('modelecontainer').innerHTML = leselect;
        }
    }

    // Ici on va voir comment faire du post
    xhr.open("POST","contenu_a_charger.php",true);

    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

    sel = document.getElementById('vehicule');
    idmarque = sel.options[sel.selectedIndex].value;
    xhr.send("idMarque="+idmarque);
}

我只是想改变 sel我之前的代码的 var 的 Id 值为 <li> .

我的<li> (来自 php 循环)

<li id="7" onclick="go()">
    <span class="badge"><?php echo $FM->etat_user;?></span>
    <span class="head"><?php echo $FM->login_user;?></span>
</li>

我以前的工作选择

<select name="vehicule" id="pays" onchange="go()">
    <option value="0">Sélectionnez votre test</option>
    <option value="3">test3</option>
    <option value="1">test1</option>
    <option value="2">test2</option>
</select>

如何获取 li 的 ID元素(本例中为“7”)？

Answer 1

由于您正在使用jQuery(根据您的问题标签)，
您的所有代码都可以简化为:

$("#7").click(function() {
    $.post("contenu_a_charger.php", "idMarque=" + $(this).attr("id"), function(returnedData) {
        $("#modelecontainer").text(returnedData);
    });
});

这样您就不必担心任何 XHR 对象或浏览器兼容性。这些都已经是图书馆的一部分了。它还消除了您在 HTML 中放置任何事件标记的需要，因此您可以删除 onclick="go()" .

P.S.当您从 JavaScript 为 JavaScript 事件分配处理程序时，您始终可以只使用 this在处理程序内部以便访问 event.srcElement .
(即使用 this.id 获取 7 的值)
例如:document.getElementById("7").onclick = function() { alert(this.id); }