dropdown values is not changing

Question

0.00/5 (No votes)

See more:

XML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
function doClick(objRad){
if (objRad.value=="rent"){
document.getElementById("rent").style.display='block';
document.getElementById("buymin").style.display='none';
document.getElementById("buymax").style.display='none';  //show other options
}

}
</script>
</head>

<body>

          <input type="radio" name="rad" value="BUY" onclick="doClick(this);" ><b>BUY</b>
                 <input type="radio" name="rad" value="RENT" onclick="doClick(this);" ><b>RENT</b>

         <p>Budget</p>
        <select class="min"  id="buymin">
          <option >Min</option>
          <option>5Lakhs</option>
          <option>10Lakhs</option>
          <option>20Lakhs</option>
          <option>25Lakhs</option>
          <option>30Lakhs</option>
           <option>35Lakhs</option>
          <option>40Lakhs</option>
          <option>45Lakhs</option>
          <option>50Lakhs</option>
        </select>
        <span style="position:relative; top:6px; left:10px; color:#FFFFFF">To</span>
            <select id="buymax"class="max">
          <option>Max</option>
          <option>10Lakhs</option>
        <option>30Lakhs</option>
        <option>40Lakhs</option>
          <option>50Lakhs</option>
          <option>60Lakhs</option>
         <option>70Lakhs</option>
          <option>80Lakhs</option>
          <option>90Lakhs</option>
          <option>1crore</option>
        </select>


<select id="rent" style="display:none" class="min">
<option >MinRent</option>
          <option>5000</option>
          <option>8000</option>
          <option>10000</option>
          <option>15000</option>
          <option>20000</option>
           <option>30000</option>
          <option>35000</option>
          <option>45000</option>
          <option>50000</option>
          <option>60000</option>
           <option>1Lakh</option>
        </select>
               <span style="position:relative; top:6px; left:10px; color:#FFFFFF">To</span>
       <select id="rent" style="display:none" class="max">
          <option>MaxRent</option>
          <option>10000</option>
          <option>15000</option>
          <option>20000</option>
          <option>25000</option>
          <option>30000</option>
          <option>35000</option>
          <option>45000</option>
          <option>50000</option>
          <option>1 Lakh</option>
           <option>1Lakh +</option>
        </select>

</body>
</html>

Posted 31-Aug-12 21:50pm

Manjula.g

Add a Solution

Comments

Manjula.g 1-Sep-12 3:52am

Can any one check and tell me why dropdown values are not changing
Thanks in advance

AmitGajjar 1-Sep-12 4:57am

which one of above ?

2 solutions

Solution 1

Not clear with what you have asked... But...
If you are having issue with your javascript code...

1) Your if condition will never be through..

if (objRad.value=="rent")

Modify it to

if (objRad.value=="RENT")

2) Write code for else condition as per your need.

Posted 1-Sep-12 5:39am

Dasaradhi_r

Comments

Manjula.g 3-Sep-12 1:27am

Thanks it is working now

Dasaradhi_r 3-Sep-12 1:32am

Is it because of the change you made in "if" condition or some thing else.
If my solution has helped you, May I request you to accept my solution.

Manjula.g 3-Sep-12 1:45am

sure

Manjula.g 3-Sep-12 1:49am

hi one more help
instead of radiobutton i am using
BUY
RENT
but it is not working
can you check it

thanks in advance

Dasaradhi_r 3-Sep-12 1:54am

Manjula, I didnt get what you are asking. Can you explain?
And for accepting solution, you have to rate my solution.

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Manjula.g · Accepted Answer · 2012-09-02T19:47:00

XML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
function doClick(objRad){
if (objRad.value=="RENT"){
document.getElementById("RENTMIN").style.display='block';
document.getElementById("RENTMAX").style.display='block';
document.getElementById("buymin").style.display='none';
document.getElementById("buymax").style.display='none';  //show other options
}

else
{
document.getElementById("RENTMIN").style.display='none';
document.getElementById("RENTMAX").style.display='none';

document.getElementById("buymin").style.display='block';
document.getElementById("buymax").style.display='block';
}
}


</script>

/script>
<script>
$(document).ready(function() {

    //var val1 = "";
    //var val2 = "";
$('.testClick').click(function() {
        $('.buy').hide();
        $('#' + $(this).attr("value")).show();
    });
});
</script>
</head>

<body>
<p>

          <input type="radio" name="rad" value="BUY" onclick="doClick(this);" ><b>BUY</b>
                 <input type="radio" name="rad" value="RENT" onclick="doClick(this);" ><b>RENT</b>
        </p>
         <p>Budget</p>
        <select class="min"  id="buymin">
          <option >Min</option>
          <option>5Lakhs</option>
          <option>10Lakhs</option>
          <option>20Lakhs</option>
          <option>25Lakhs</option>
          <option>30Lakhs</option>
           <option>35Lakhs</option>
          <option>40Lakhs</option>
          <option>45Lakhs</option>
          <option>50Lakhs</option>
        </select>
        <span style="position:relative; top:6px; left:10px; color:#FFFFFF">To</span>
            <select id="buymax"class="max">
          <option>Max</option>
          <option>10Lakhs</option>
        <option>30Lakhs</option>
        <option>40Lakhs</option>
          <option>50Lakhs</option>
          <option>60Lakhs</option>
         <option>70Lakhs</option>
          <option>80Lakhs</option>
          <option>90Lakhs</option>
          <option>1crore</option>
        </select>


<select id="RENTMIN" style="display:none" class="min">
<option >MinRent</option>
          <option>5000</option>
          <option>8000</option>
          <option>10000</option>
          <option>15000</option>
          <option>20000</option>
           <option>30000</option>
          <option>35000</option>
          <option>45000</option>
          <option>50000</option>
          <option>60000</option>
           <option>1lakh</option>
        </select>
         <span style="position:relative; top:6px; left:10px; color:#FFFFFF">To</span>
       <select id="RENTMAX" style="display:none" class="max">
          <option>MaxRent</option>
          <option>10000</option>
          <option>15000</option>
          <option>20000</option>
          <option>25000</option>
          <option>30000</option>
          <option>35000</option>
          <option>45000</option>
          <option>50000</option>
          <option>1 lakh</option>
           <option>1lakh +</option>
        </select>

</body>
</html>