Question

我正在搜索，却找不到我所需的任何东西。

所以我需要Java脚本，它将从下拉列表中选择选项，但不是按选项值编号而是名称。选择后，该网站应显示我的选择结果。以下是一个要求我选择选项的站点代码。我想执行将自动填充的Java脚本代码。

我有：

<select name="ctl00$ccMain$NZWO" id="ccMain_NZWO" class="Dropdown" onchange="PopulateGrid(this.value)">
            <option value="00">--Select--</option>
            <option value="19">ARGENTINA</option>
            <option value="24">BARCELONA</option>
            <option value="16">CHINA</option>
            <option value="25">JAPAN</option>
            <option value="26">INDONESIA</option>
            <option value="27">INDIA</option>
            <option value="28">USA</option>
            <option value="29">RUSSIA</option>

</select>

我要选择JAPAN的位置，这应该使网站在选择JAPAN之后运行下一步的Onchange代码。

谢谢

Answer 1

您需要此： onchange =“ PopulateGrid（this.innerHTML）

Answer 2

这是一个摆弄小提琴的有效示例：https://jsfiddle.net/mc48hsbn/16/

添加侦听器（更改）
运行displayIt()方法

警告标签

document.getElementById("ccMain_NZWO").addEventListener("change", displayIt);

 function displayIt() {
  var selected_value =document.getElementById("ccMain_NZWO").options[this.selectedIndex].innerHTML;
  alert(selected_value);
}


 <select name="ctl00$ccMain$NZWO" id="ccMain_NZWO" class="Dropdown" onchange="PopulateGrid(this.value)">
        <option value="00">--Select--</option>
        <option value="19">ARGENTINA</option>
        <option value="24">BARCELONA</option>
        <option value="16">CHINA</option>
        <option value="25">JAPAN</option>
        <option value="26">INDONESIA</option>
        <option value="27">INDIA</option>
        <option value="28">USA</option>
        <option value="29">RUSSIA</option>

</select>

Answer 3

我为您提供了一个JavaScript代码，它将选择一个国家/地区，并根据选择内容填充该国家/地区的另一个下拉列表。

//JavaScript Code
$("#ctl00$ccMain$NZWO").on('change', function(){            
        var country1 = document.getElementById("country").value ;           
        var country_array = country1.split("|") ;           
        var country = country_array[0] ;            
        var name = country_array[1] ;
        var xmlhttp ;
        if (window.XMLHttpRequest){
            xmlhttp = new XMLHttpRequest(); 
        }
        else{
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.open("GET","state.php?action=get_state_names&country="+name,true);
        xmlhttp.send();
        xmlhttp.onreadystatechange=function(){
            if (xmlhttp.readyState==4 && xmlhttp.status==200){
                var result = xmlhttp.responseText ;                     
                document.getElementById("state").innerHTML = result ;
            }
        }           
    });

//HTML
<select name="ctl00$ccMain$NZWO" id="ctl00$ccMain$NZWO" class="Dropdown">
        <option value="00">--Select--</option>
        <option value="19|ARGENTINA">ARGENTINA</option>
        <option value="24|BARCELONA">BARCELONA</option>
        <option value="16|CHINA">CHINA</option>
        <option value="25|JAPAN">JAPAN</option>
        <option value="26|INDONESIA">INDONESIA</option>
        <option value="27|INDIA">INDIA</option>
        <option value="28|USA">USA</option>
        <option value="29|RUSSIA">RUSSIA</option>
</select>

实际上，这些国家/地区名称应来自数据库，您可能需要更改代码结构。无论如何，以上代码将解决您的目的，您可能需要根据文件更改一些变量名或显示div / dropdown id。另外，您还需要设置state.php文件，在其中编写在选择任何国家时将要发生的操作。

Javascript自动填充选择

3 个答案: