CourseSelect | 校园选课系统样本 | Application Framework library

I think this should do the trick:

You need to embed the string within quotes('') and use === to do the type check as follows,

Since findVal it's an array, you should use map method in combination with destructuring approach in order to get the Score property for each of the item from array.

Because you define thisObject inside the handler function appendScore, it won't be available anywhere else. You'd have to declare it in the global (or enclosing) scope. (Also note that appendScore needs to take a parameter event for event.preventDefault to work):

You can do something like:

The solution to my problem was two fold.

the first thing I did was I put the loading percent within the for loop, so that it would only run the intent upon completing each item in the array. the second thing I did was to place all my variables within the for loop, instead of creating them at the class level. this ensured that all the variables were being set correctly by the datasnapshot and that the app was not moving on to the next activity without completely finishing the for loop out.

You can do it like they did here, works the same way with an select.
textbox onchange call php function
Call a function with onchange do an Ajax call and call your php script.

First of all There is a mistake in your manifest file

you wrote screenOrientation attribute outside the opening tag

to The demo provided below demonstrates how to: get the data from a selected convert the data to arrays collect into arrays distribute the data arrays to the s Also, the overall OP (i.e. Original Post) code provided has been changed to show how the use of for loops and NodeLists/HTMLCollections can be more efficient than the repetitive use of single references. The Anatomy of an If I understood correctly you want a list of par ratings for each hole in a golf course selected in a . You did not provide these numbers so I added a new course (at index 1 of the s.) In the demo there's only one that's modified you'll have to provide the data for the rest of them yourself:

Masters Championship

Normally, this data is in a database and sent in the form of a JSON, but because of the static nature of the data (golf courses don't change that often) this is a feasible way of listing golf course stats.

Getting the Data from

1. value attribute is "72" for all golf courses because it's the most common par rating for 18 holes (I don't know of any professional tournaments that play 3 or 9.) To get this value:

   • Reference the element and suffix it with the .value property:

     var selectElement = document.getElementById('ID of select');
var selectValue = selectElement.value;

2. data-* attributes, such as data-par and data-yards, can have any arbitrary String value but it isn't as simple as value to access:

   • Collect all of into a HTMLCollection by suffixing reference to with the .options property:

     var optionsList = selectElement.options;

   Note: I added yards per hole because it's always included with par ratings.

   • Then reference the selected :

     var optionData = optionList[selectElement.selectedIndex];

   • Next, use .dataset method and suffix it with the suffix of data-par and data-yards (i.e. par and yards):

     var dataPar = optionData.dataset.par;
var dataYards = optionData.dataset.yards;

3. Getting the text inside Text Content, is similar to the previous procedure:

   • Continued from the previous example using optionData which references the selected :

     var optionText = optionData.text;

Summary

At this point you have four strings of data:

1. selctValue = "72"
2. dataPar = "4,5,4,3,4,3,4,5,4,4,4,3,5,4,5,3,4,4"
dataYards = "445,575,350,240,455,180,450,570,460,495,505,155,510,440,530,170,440,465"
3. optionText = "Masters Championship"

Of the four strings of data, group 2. dataPar and dataYards need to be converted into arrays. To move group 1. selectValue to a and group 3. optionText to a :

var coursePar = document.getElementById('ID of td');
var courseTitle = document.querySelector('caption');
coursePar.innerHTML = selextedValue;;
courseTitle.textContent = optionText;

Note: In this case .textContent and .innerHTML properties are interchangeable, but it is important to know how they are different so refer to the Reference section for details.

Converting Data Into Arrays

There are two data strings that appear as a series of numbers, but they are not:

dataPar = "4,5,4,3,4,3,4,5,4,4,4,3,5,4,5,3,4,4"
dataYards = "445,575,350,240,455,180,450,570,460,495,505,155,510,440,530,170,440,465"

If used in this state, it would show up as the same literal text in each :

• INCORRECT RESULT

  A string: "445,575,350,240"
445,575,350,240

If converted into an Array of Strings each number is considered separately:

• CORRECT RESULT

  An array: ["445","575","350","240"]
445575350240

In this case use the array method split() to convert a String by targeting a delimiter (i.e. the commas: ,):

• Each array will now be in this form: array = ["1","2","3"]

  var parArray = dataPar.split(',');
var yardsArray = dataYards.split(',');

Summary

At this point there are two Arrays:

• An array of par ratings for 18 holes:

  parArray = ["4","5","4","3","4","3","4","5","4","4","4","3","5","4","5","3","4","4"]

• An array of yardages for 18 holes:

  yardsArray = ["445","575","350","240","455","180","450","570","460","495","505","155","510","440","530","170","440","465"]

Convert NodeLists of s to Array of s

For each array of data a row (i.e. ) of cells (i.e. ) need to be referenced in an array. Here's the procedure laid out in a few lines:

• Collect all of a specific into a NodeList:

  var parRow = document.getElementById('trOfPar');
var NodeListOfParTD = parRow.querySelectorAll('td');

• Convert NodeList to an array:

  var ArrayOfParTD = Array.from(NodeListOfParTD);

For the sake of expediency the second array is: ArrayOfYardsTD.

Summary

At this point there are four arrays:

• Two arrays from the attributes data-par and data-yards:

  parArray = ["4","5","4","3","4","3","4","5","4","4","4","3","5","4","5","3","4","4"]

yardsArray = ["445","575","350","240","455","180","450","570","460","495","505","155","510","440","530","170","440","465"]

• Two arrays of s from two separate s:

  arrayOfParTD = [,,,,,,,,,,,,,,,,,]

arrayOfYardsTD = [,,,,,,,,,,,,,,,,,]

Set the Arrays of s Data to the Arrays of

To manipulate arrays a for loop is usually adequate. To manipulate arrays in a less verbose and more efficient way, array methods can be used instead. The array method .forEach() will take an array and run a function on each array element:

• For the sake of expediency,
  • tdArray is the same as arrayOfParTD and arrayOfYardsTD
  • dataArray is the same as parArray and yardsArray

    tdArray.forEach(function(td, index) {
    td.textContent = dataArray[index];
});

Summary

The final result should be: