使用HTML下拉菜单调用Javascript函数

我一直试图从下拉菜单中调用函数，但由于某些原因，似乎只调用了shift（CPL）。我已经验证了这些函数本身是否正常工作，并对它们进行了编辑以便于阅读。我对Javascript非常陌生，可能犯了一个相当基本的错误，对此表示歉意，并提前表示感谢

HTML:

CPM
共产党
CPL/A

Javascript:

function shift(CPM) {

}

function shift(CPC) {

}

function shift(CPL) {

}


</script>

功能转换（CPM）{
}
功能转换（CPC）{
}
功能移位（CPL）{
}

我想你还没有真正理解函数在编程语言中是如何工作的，我建议你在尝试创建新的东西之前多学习一些，并遵循一些指南

基本上，您不必创建3个不同的移位函数：一个就足够了：只有参数会改变。请尝试以下代码：

function shift (genericParameter) {
  if (genericParameter == 'CPM') {
     //CPM
  } else if (genericParameter == 'CPC') {
     //CPC
  } else if (genericParameter == 'CPL') {
    //CPL
  }
}

---

我认为您并没有真正理解函数在编程语言中是如何工作的，我建议您在尝试创建新的东西之前多学习一些，并遵循指南

基本上，您不必创建3个不同的移位函数：一个就足够了：只有参数会改变。请尝试以下代码：

function shift (genericParameter) {
  if (genericParameter == 'CPM') {
     //CPM
  } else if (genericParameter == 'CPC') {
     //CPC
  } else if (genericParameter == 'CPL') {
    //CPL
  }
}

---

有关如何在

jquery

中执行此操作的信息：

js代码：

$(document).ready(function(){

  $('select').on('change', function() {
   shift(this.value);
  });

});

function shift(yourValue) {
    alert(yourValue) //Implement what you need here. 
}

//or maybe you prefer this:

function shift(yourValue) {
    switch(yourValue) {
        case 'CPM':
            //code block
            break;
        case 'CPC':
            //code block
            break;
        case 'CPL':
            //code block
            break;
        default:
            default code block
    }
}

---

希望对您有所帮助。

有关如何在

jquery

中执行此操作：

js代码：

$(document).ready(function(){

  $('select').on('change', function() {
   shift(this.value);
  });

});

function shift(yourValue) {
    alert(yourValue) //Implement what you need here. 
}

//or maybe you prefer this:

function shift(yourValue) {
    switch(yourValue) {
        case 'CPM':
            //code block
            break;
        case 'CPC':
            //code block
            break;
        case 'CPL':
            //code block
            break;
        default:
            default code block
    }
}

---

希望有帮助。

尝试创建一个属性为

select

值的对象，在选择时执行与对象属性名称对应的操作

var selected={
“CPM”：“选项1”，
“CPC”：功能（五）{
return v.toLowerCase（）
},
“CPL”：“选项3”
}
功能转换（val）{
var res=所选[val]的类型==“函数”
？所选[val]（val）
：所选[val]；
警报（res）
}

CPM
CPM
共产党
CPL/A

尝试创建一个属性为

select

值的对象，在选择时执行与对象属性名称对应的操作

var selected={
“CPM”：“选项1”，
“CPC”：功能（五）{
return v.toLowerCase（）
},
“CPL”：“选项3”
}
功能转换（val）{
var res=所选[val]的类型==“函数”
？所选[val]（val）
：所选[val]；
警报（res）
}

CPM
CPM
共产党
CPL/A

我认为您缺少的只是语法， 这对你有帮助

enter code here

<select id="selectDrop" onchange="copy();">
    <option value="">Default:</option>
    <option value="one" >one</option>
    <option value="two" >two</option>
    <option value="three" >three</option>
  </select>

---

我想你缺少的只是语法， 这对你有帮助

enter code here

<select id="selectDrop" onchange="copy();">
    <option value="">Default:</option>
    <option value="one" >one</option>
    <option value="two" >two</option>
    <option value="three" >three</option>
  </select>

---

三个同名函数声明，或者用select的值作为参数调用single

shift

函数？啊，抱歉。我本打算使用一个函数，并使用下拉菜单中显示的各种参数调用它，但从评论来看，我似乎完全错了。。。有没有人能给我举个例子，说明我如何构造一个函数来接受下拉菜单中的各种参数？三个同名函数声明，或者用select的值作为参数调用single

shift

函数？啊，抱歉。我本打算使用一个函数，并使用下拉菜单中显示的各种参数调用它，但从评论来看，我似乎完全错了。。。有人能给我举个例子，说明我是如何构造一个接受下拉菜单中各种参数的函数的吗？啊，谢谢！我的工作场所在编程方面非常支持“大锤学习”，但我将更加积极地学习基础概念，并确保更好地巩固基础知识。再次感谢。我们是来帮助你的：）当然，练习对学习来说是很好的，首先，只需遵循一些活生生的例子：DAh，谢谢！我的工作场所在编程方面非常支持“大锤学习”，但我将更加积极地学习基础概念，并确保更好地巩固基础知识。再次感谢。我们是来帮助你的：）当然，练习对学习来说是很好的，只需先学习一些活生生的例子：非常感谢！我对Jquery不太熟悉，但我会花时间尝试一下。再次感谢您的贡献：）您也可以在代码中使用带有

开关的
函数shift
，您不需要jquery。如果您想避免使用
if else
@RFM_EuanThanks，我会记住这一点，并使用您提供的代码。非常感谢！我对Jquery不太熟悉，但我会花时间尝试一下。再次感谢您的贡献：）您也可以在代码中使用带有
开关的
函数shift
，您不需要jquery。如果您想避免使用
if else
@RFM_EuanThanks，我会记住这一点，并使用您提供的代码。感谢您的贡献，在我未经训练的眼里，它看起来相当抽象。。。但在我明白之前，我会全力以赴。再次感谢：）谢谢你的贡献，在我未经训练的眼里，它看起来相当抽象。。。但在我明白之前，我会全力以赴。再次感谢：）谢谢，这看起来是一个很好的测试来检查下拉菜单是否工作。谢谢，这看起来是一个很好的测试来检查下拉菜单是否工作。