Question

我为我的HTML文件创建了2个分区。 1个主要科（动物）和2个分科（哺乳动物和两栖动物）。

我想从我选择的div标签中获取值并将其发布到我的PHP文件中。例如，我选择了哺乳动物，然后我选择了狮子。

我如何获得Lion的价值并将其发布在我的PHP文件中？

<div class = "Animals" id="level1">

<div class="Mammals">     

    <select class = "form-control" name="mammal">
        <option name="" value="">Select Mammal</option>
        <option value="Lion">Lion</option>
        <option value="Tiger">Tiger</option>

    </select>
  </div>

<div class="Amphibians">     

    <select class = "form-control" name="amphibians">
        <option name="" value="">Select Amphibian</option>
        <option value="Frog">Frog</option>
        <option value="Toad">Toad</option>

    </select>
  </div>

</div>

Answer 1

如果你想要一个纯JS解决方案，你可以从这开始：

var el = document.querySelector('.Mammals .form-control')

el.addEventListener('change', function(data, test) {
    alert(this.options[this.selectedIndex].value);

    //Then Post to the desired URL
    var request = new XMLHttpRequest();
    request.open('POST', '/my/url', true);
    request.send(this.options[this.selectedIndex].value);
});

每当更改哺乳动物选择器时，将提醒当前选择的值。

完成此步骤后，您只需在请求调用中传递值即可。

http://jsfiddle.net/hvVFw/2/

如何从div中的选择列表中获取值并传递给PHP文件

1 个答案: