javascript - 将数据发布到 JS

Question

我不知道如何问我的问题...

我的表格有问题。当我选择“Qebele”时，它会调用getline()Line.js。我需要将任何值发布到 line.js 并在 line.js 中获取此数据以使用它。我怎样才能做到这一点？

<form action="">
      <li><select id="rayon" onchange="getline();">
          <option value="">Select Rayon</option>
          <option value="rayon">Qebele</option>
      </select></li>
</form> 

Answer 1

您可以使用以下代码轻松获取#rayoninside的值：Line.js

function getline()
{
    var theLine = document.getElementById('rayon').value;
    alert(theLine);
}

这是一个jsFiddle

Answer 2

您可以尝试将所选选项值的引用传递给函数 getline，然后从那里继续。

例如，要将所选选项值的引用传递给 getline...

<form action="">
            <li><select id="rayon" onchange="getline(this.options[selectedIndex].value)">
                <option value="">Select Rayon</option>
                <option value="rayon">Qebele</option>
            </select></li>
</form> 

然后，在 Line.js 中，getline() 会根据所选内容执行某些操作。

function getline(selectedValue){
    if (selectedValue == "something"){
             ... do something
    }

}

Answer 3

我不确定你在问什么。查看您的代码，您不应使用内联函数处理程序，因为'this'关键字将引用窗口对象。如果你使用

document.getElementById('rayon').addeventlistener('change',getline);

在 line.js 中，'this'关键字将引用 id 为 'rayon' 的 select 元素。

所以

函数getLine(){

警报（this.value）}

当您将选择更改为 Qebel 时，将为您提供 rayon 的值。

显然，您将实现自己的逻辑以满足您的需求。不要使用内联函数调用非常重要，因为'this'关键字具有不同的含义。

Answer 4

您可以在 onchange 事件中传递 this.value。

<form action=""> <li><select id="rayon" onchange="getline(this.value);"> <option value="">Select Rayon</option> <option value="rayon">Qebele</option> </select></li> </form>

function getline(selectedValue){
  if(selectedValue == 'rayon'){
    //add your logic here
  }
}