| Author: praveenjayapal 21 Oct 2009 | Member Level: Gold | Rating:  Points: 1 |
Hi Friend,
How can the user change the value of the dropdowned items, with out the knowledge of the developer.. Please give me some clear question..
If that's your requirement, you can set the values in id/values of the option tag attributes. From that you can check it while changing the values.. Am i right ?
|
| Author: Chandru 21 Oct 2009 | Member Level: Silver | Rating: Points: 1 |
please eloborate the problem,Do you expect any algorithm for this,
Chandru
SilverlightScripting.com
|
| Author: Ankit 21 Oct 2009 | Member Level: Bronze | Rating: Points: 2 |
see, all the 5 dropdown boxes loaded with the value of 1 to 20.
User can select any values, but as I said it should be in ascending order.
so first time user gives all the correct values..let say 2,4,6,8,10 for dropdown1,dropdown2,dropdown3,dropdown4 and dropdown5 respectively.
now again user changes his mind and changes the dropdown3's value 12.
so it shold give alert to choose value less than dropdown4.
simple!!!
|
| Author: Ankit 21 Oct 2009 | Member Level: Bronze | Rating: Points: 2 |
in continution of above...
and again retrive its original value as 6.
To retrive this original value is our main hurdle...
|
| Author: seema 21 Oct 2009 | Member Level: Gold | Rating: Points: 1 |
hi,
could u please give more details about that..send u r code and requirement.
|
| Author: Ankit 21 Oct 2009 | Member Level: Bronze | Rating: Points: 2 |
<html>
<head>
<title>Dropdown</title>
<script language="javascript" type="text/javascript">
function validateMyValues()
{
var val1=parseFloat(document.getElementsByName('Select1Combo').item(0).value);
var val2=parseFloat(document.getElementsByName('Select2Combo').item(0).value);
var val3=parseFloat(document.getElementsByName('Select3Combo').item(0).value);
var val4=parseFloat(document.getElementsByName('Select4Combo').item(0).value);
var val5=parseFloat(document.getElementsByName('Select5Combo').item(0).value);
//alert("Val1 = " + val1 + "\n val2 = " + val2 + "\n val3 =" + val3 + "\n val4 = " + val4 + "\n val5 =" + val5);
if(val1=='')
{
if(val2!='' || val3!='' || val4!='' || val5!='')
{
alert("Dropdown1 can't be null");
//document.getElementById("Select2").value='';
document.getElementsByName('Select2Combo').item(0).value='';
document.getElementsByName('Select3Combo').item(0).value='';
document.getElementsByName('Select4Combo').item(0).value='';
document.getElementsByName('Select5Combo').item(0).value='';
return false;
}
}
if(val2=='')
{
if(val3!='' || val4!='' || val5!='')
{
alert("Dropdown2 can't be null");
document.getElementsByName('Select3Combo').item(0).value='';
document.getElementsByName('Select4Combo').item(0).value='';
document.getElementsByName('Select5Combo').item(0).value='';
return false;
}
}
if(val3=='')
{
if(val4!='' || val5!='')
{
alert("Dropdown3 can't be null");
document.getElementsByName('Select4Combo').item(0).value='';
document.getElementsByName('Select5Combo').item(0).value='';
return false;
}
}
if(val4=='')
{
if( val5!='')
{
alert("Dropdown4 can't be null");
document.getElementsByName('Select5Combo').item(0).value='';
return false;
}
}
if(val2!='')
{
if(val1 >= val2)
{
alert("Value2 should be in Greater");
document.getElementsByName('Select2Combo').item(0).value='';
return false;
}
}
if(val3!='')
{
if((val2 >= val3))
{
alert("Value3 should be in Greater");
document.getElementsByName('Select3Combo').item(0).value='';
return false;
}
}
if(val4!='')
{
if((val3 >= val4))
{
alert("Value4 should be in Greater");
document.getElementsByName('Select4Combo').item(0).value='';
return false;
}
}
if(val5!='')
{
if((val4 >= val5))
{
alert("Value5 should be in Greater");
document.getElementsByName('Select5Combo').item(0).value='';
return false;
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<select name="Select1Combo" style="width: 70px" onchange="validateMyValues()">
<option selected="selected"></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
<select name="Select2Combo" style="width: 70px" onchange="validateMyValues()">
<option selected="selected"></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
<select name="Select3Combo" style="width: 70px" onchange="validateMyValues()">
<option selected="selected"></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
<select name="Select4Combo" style="width: 70px" onchange="validateMyValues()">
<option selected="selected"></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
<select name="Select5Combo" style="width: 70px" onchange="validateMyValues()">
<option selected="selected"></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
<br />
<br />
<br />
<br />
</div>
</form>
</body>
</html>
|