試圖訪問一個特定的選項值來生成一個彈出窗口

我想使用一個單擊事件來生成一個基於特定值選擇的彈出窗口。我遇到了if語句的問題，並試圖訪問每個特定的選項值。你們有誰能給我一些提示？試圖訪問一個特定的選項值來生成一個彈出窗口

 <select id="offices"> 
      <option value="Choose an Office">Choose an Office</option> 
      <option value="Residential Education (ResEd)" >Residential Education (ResEd)</option> 
      <option value="Dean of Students">Dean of Students</option> 
      <option value="Office of Student Affairs">Office of Student Affairs</option> 
      <option value="Vice-Provost of Student Affairs">Vice-Provost of Student Affairs</option> 
     </select> 
</div>

功能顯示（）{

 var officearray = [{ 
      Office: "Residential Education (ResEd)", 
      ID: "725-2800", 
      Description: "The Office of Residential Education is responsible for developing the policies, programs, and staffing which support the intellectual, educational, and community-building activities in student residences. Second Floor. " 
     }, { 
      Office: "Dean of Students", 
      ID: "723-7833", 
      Description: "The Dean of Students office is composed of 13 individual administrative units that are concerned with the general welfare of both undergraduate and graduate students, in and out of the classroom. Second floor." 
     }, { 
      Office: "Office of Student Activities (OSA)", 
      ID: "723-2733", 
      Description: "Services for student organizations, student-initiated major events and programs, and fraternities and sororities. Second floor." 
     }, { 
      Office: "Vice-Provost of Student Affairs", 
      ID: "725-0911", 
      Description: "The Vice Provost for Student Affairs is responsible to the Provost for providing services and programs to undergraduate and graduate students in support of the academic mission of the University. Second floor." 
     }] 

     for(var i = 0; i < officearray.length; i++) { 
      var o = document.getElementById("offices") 
      var oString = o.options[o.selectedIndex].value; 

      newwindow2 = window.open('', 'name', 'height=200, width=150') 
      var tmp = newwindow2.document 
      if (oString == officearray[i].Office) { 
       tmp.writeln(officearray[i].Description) 
      } 

     } 
    } 
    document.getElementsByTagName('option').addEventListener("click",display,false)

來源

2011-01-11 Isaac

你真的可以從使用jQuery中受益！ – Jake 2011-01-11 05:44:48

感謝您的回覆。相反，我只是將onlick事件更改爲onchange，並擺脫了addEventListener時期。然後，我使用符合W3C的事件處理程序來處理更改事件。

document.getElementById("offices").onchange=display;

來源

2011-01-11 17:58:30 Isaac

假設我明白你的問題，嘗試用這些代替的最後一行：

var options = document.getElementsByTagName('option'); 
for(var i = 1; i < options.length; i++) { options[i].addEventListener("click", display, false) }

您要使用的addEventListener陣列上元素，這將無法正常工作。

來源

2011-01-11 08:23:48

試圖訪問一個特定的選項值來生成一個彈出窗口

回答

相關問題