基本上,在桌面上-我有一个7个链接向下的左侧,当你鼠标移动每个链接,它调用一个函数,并显示文本到右边。
好吧,我正在工作的移动版本的这个,我正在尝试实现一个下拉列表的链接。
我只是不能使它工作,任何帮助将非常感谢
null
<select class="links">
<option class="btn" onclick="trainingOne()">Consultant Induction Training</option>
<option class="btn" onclick="trainingTwo()">Experienced Hire Training</option>
<option class="btn" onclick="trainingThree()">Management Training</option>
<option class="btn" onclick="trainingFour()">Advanced Candidate Searching Training</option>
<option class="btn" onclick="trainingFive()">LinkedIn</option>
<option class="btn" onclick="trainingSix()">The Candidate Experience</option>
<option class="btn" onclick="trainingSeven()">Written Selling</option>
</select>
null
在Click
-ing时调用函数,而不是在
Change
-ing时调用单个函数。
注意:不要忘记为元素提供
value
属性。
null
function executeTraining(select) {
const value = select.value;
const text = select.options[select.selectedIndex].text
console.log(`${text} (${value})`);
// Do something...
}
<select class="links" onchange="executeTraining(this)">
<option class="btn" value="cit" >Consultant Induction Training</option>
<option class="btn" value="eht" >Experienced Hire Training</option>
<option class="btn" value="mt" >Management Training</option>
<option class="btn" value="acst">Advanced Candidate Searching Training</option>
<option class="btn" value="li" >LinkedIn</option>
<option class="btn" value="tce" >The Candidate Experience</option>
<option class="btn" value="ws" >Written Selling</option>
</select>