JavaScript - Is This Allowed

In some cases toPrecision(X) will result in an integer value, which is the expected result.

However, it is typical in some fields to always follow the integer value with a decimal and zero (i.e 522 --> 522.0). Technically, this would be incorrect since it would imply an extra digit of precision that does not exist. However, this is often disregarded, provided there are sufficient number of digits (i.e. precision of 5+).

That said, is there any way to force an integer result to have a trailing ".0"?

i have a form with several headings, then for each heading i have a list of items with a select box filled with numbers.
For each heading a maximum of items is allowed, so the user should change the values in the dropdowns and not be allowed to continue until they are less than or equal to their maximum limit.
To complicate this, there will be more than one headings on the page, but each one with a different name/id.

Eg: Heading 1
Title 1 DROPDOWN1
Title 2 DROPDOWN2
Title 3 DROPDOWN3

So here the max is 10, so the values cannot exceed 10

Heading 2
Title 1a DROPDOWN1
Title 2a DROPDOWN2
Title 3a DROPDOWN3
Title 4a DROPDOWN4
So here the max is 10, so the values cannot exceed 14

thanks

Hi, I'm currently using some javascript to hide and unhide div's.

I've been messing around and searching about trying to find something which will only allow one of the hidden div's open at a time. When a new link is clicked, the last div open closes. Unfortuanatly I haven't found anything yet, so I am wondering if anyone on this board can help please?

The script I am using is:

Code:

<script type="text/javascript">
function unhide(divID) {
  var item = document.getElementById(divID);
  if (item) {
    item.className=(item.className=='hidden')?'unhidden':'hidden';
  }
}
</script>

<style type="text/css">
.hidden {
	display: none; 
}

.unhidden { 
	display: block; 
}
</style>

and the mark-up:

Code:

<p><a href="javascript:unhide('test1');">Testing 1</a></p>

	<div id="test1" class="hidden">
		<p>Testing :)</p>
	</div>

<p><a href="javascript:unhide('test2');">Testing 2</a></p>

	<div id="test2" class="hidden">
		<p>Testing again :)</p>
	</div>

I hope I have been clear, appreciate any help given.

Using Javascript / jQuery, I'm trying to produce a series of dropdowns ("<select>") that have their options filtered as the user selects from them.

For example:

DROPDOWNS
Field 1:
- value_1
- value_2

Field 2:
- value_3

Field 3:
- value_4
- value_5

COMBINATIONS
- value_1, value_3, value_5
- value_1, value_3, value_4
- value_2, value_3, value_5

When a user selects Field 3 - value_4, the unavailable options will be removed - ie, Field 1 - value_2 (there is no combination that allows value_2 and value_4 to be selected together).

I have an array of the allowed combinations like this (although I can tweak the structure if necessary):

Code:

var combinations = [["value_1", "value_3", "value_5"], ["value_1", "value_3", "value_4"], ["value_2", "value_3", "value_5"]];

When a option is changed all the current entries are removed and only the allowed combinations added back in.

Where I'm struggling is with how to find which combinations are acceptable based on what has already been selected. I'd really appreciate any pointers or just a fresh perspective on this because I seem to be going round in circles!

Thanks!