使用javascript获取选择标签的名称 [英] getting the NAME of a select tag with javascript

问题描述

我有一堆使用VBScript部分命名的select标签。我希望能够获得从javascript中的onchange事件调用的选择标记的名称。

这里是代码。

 < select name =optWeeks_<％= intLineCnt％> id =nameonchange =changeWeek（）> 
< option value =>< / option> 
< option value =1> 1< / option> 
< option value =2> 2< / option> 
< / select> 
 
 
< SCRIPT LANGUAGE =JavaScript> 
 
 function changeWeek（）{
 var chosenoption = document.getElementsByTagName（select）。name 
 
} 
< / SCRIPT> 
  

选择名称 - optWeeks_<％= intLineCnt％>是optWeeks前加一个数字

我想知道是否可以获取被调用的选择标记的每个名称？防爆。 optWeeks_1，optWeeks_2等。

解决方案

您需要获取对元素的引用。 这个将会是你的事件处理函数中的一个。您可以将它传递给您从那里调用的函数：

  onchange =var element = this; changeWeek（element） > 
  

为了清楚起见，我在上面列出了变量赋值，您不需要它：

  onchange =changeWeek（this）> 
  

然后您可以从名称
$ b

  function changeWeek（element）{
 var name = element.name; 
  

我通常会建议使用JS绑定事件处理程序而不是HTML，但不要使用HTML 3.2：

 < select name =optWeeks_<％= intLineCnt％> ID = 名称 > 
<！ -  ...  - > 
< / select> 
 
< script> 
 var select = document.getElementById（'name'）; 
 select.addEventListener（'change'，changeWeek）; 
 function changeWeek（evt）{
 var name = this.name; 
} 
< / script> 
  

I haven't found this question anywhere so I'm posting it here.

I have a bunch of select tags that are partially named using VBScript. I want to be able to get the name of a select tag that was called from the onchange event in javascript.

here is the code.

<select name="optWeeks_<%=intLineCnt%>" id = "name" onchange="changeWeek()">
       <option value=""></option>
          <option value="1">1</option>
          <option value="2">2</option>
</select>


<SCRIPT LANGUAGE = "JavaScript">

function changeWeek(){
var chosenoption = document.getElementsByTagName("select").name

}
</SCRIPT>

The select name - "optWeeks_<%=intLineCnt%>" is optWeeks prefixed with a number

I would like to know if I can get each name of the select tag that is called? Ex. optWeeks_1, optWeeks_2 etc.

解决方案

You need to get a reference to the element. this will be one in your event handler function. You can pass it to the function you are calling from there:

onchange="var element = this; changeWeek(element)">

I included the variable assignment above for clarity, you don't need it:

onchange="changeWeek(this)">

You can then get the name from the name property on that object:

function changeWeek(element) {
    var name = element.name;

I'd generally recommend binding your event handlers with JS rather than HTML, not using HTML 3.2 though:

<select name="optWeeks_<%=intLineCnt%>" id="name">
    <!-- … -->
</select>

<script>
var select = document.getElementById('name');
select.addEventListener('change', changeWeek);
function changeWeek(evt) {
    var name = this.name;
}
</script>

这篇关于使用javascript获取选择标签的名称的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！