Hi,

As per the title, I am trying to disable a text box disable/enable as per the changing the value of select.

I am trying this function.....Please help.

function changstatus()
 {
    
        var dd = document.getElementById('inpstate'); var value=dd.options[dd.selectedIndex].value;
       if(document.getElementById('inpstate').value=="sel")
       {
               document.getElementById('inpcity').disabled == "true";
               document.getElementById('inpstate').focus();
          }
        else
        {
               document.getElementById('inpcity').disabled == "false";
               document.getElementById('inpcity').focus();
        }
 }

And here I am calling it like this.

PHP Code:

<select id="inpstate" name="inpstate" class="dropdown1_getlisted_businesstype" bgcolor="#FBF4E6" tabindex="3" onchange="javascript: changstatus();" style="width: 210px;">
                                                        <option value="sel">
                                                        --------------- Select 
                                                        State ---------------                                                        </option>
                                                        <option value="Uttar Pradesh">Las Vegas</option>
                                                    </select> 


Here's the text box I want to disable and enable....

PHP Code:

<select style="width:210px;" name="inpcity" id="inpcity"  tabindex="4" class="dropdown1_getlisted_businesstype" bgcolor="#FBF4E6">
                                                            <option value="sel">--------------- Select City ---------------</option> 


Your help would be highly appreciated.

Thanks

As I already told you in a previous question, you cannot use the .value property on a select id directly. You have to go through the "options" array.
This is the correct way:

current_value=document.getElementById('inpcity').options[document.getElementById('inpcity').selectedIndex].value

Or shorter:

sel=document.getElementById('inpcity')
current_value=sel.options[sel.selectedIndex].value

Just like on the line above the if statement (which something I gave you previously, if I remember right)...

Ok 2 things that may help.

Is there meant to be a space ( javascript: cha )when you call it?

also wouldnt it be better to just send the select id in the request?
ie: javascript:changstatus(inpstate);

and then something along the lines of?
function changstatus(controlID)
{
document.controlID.disabled="true";
}

Thanks a lot for your consideration.

I am trying your suggestions........and let you know the result.

Thanks both of you!!

Originally Posted by tripy

As I already told you in a previous question, you cannot use the .value property on a select id directly. You have to go through the "options" array.
This is the correct way:

current_value=document.getElementById('inpcity').options[document.getElementById('inpcity').selectedIndex].value

Or shorter:

sel=document.getElementById('inpcity')
current_value=sel.options[sel.selectedIndex].value

Just like on the line above the if statement (which something I gave you previously, if I remember right)...

Thanks tripy,

I am already doing this......as I remembered your suggestions....

here:
var dd = document.getElementById('inpstate'); var value=dd.options[dd.selectedIndex].value;
But this is still not working.....I tried your suggestions.

here:

function changstat()
 {
    var selt=document.getElementById('inpstate')
    var current_value=selt.options[selt.selectedIndex].value 
        
       if(current_value=="sel")
       {
               document.getElementById('inpcity').disabled == "true";
               document.getElementById('inpstate').focus();
          }
        else
        {
               document.getElementById('inpcity').disabled == "false";
               document.getElementById('inpcity').focus();
        }
 }

Originally Posted by lynxus

Ok 2 things that may help.

Is there meant to be a space ( javascript: cha )when you call it?

also wouldnt it be better to just send the select id in the request?
ie: javascript:changstatus(inpstate);

and then something along the lines of?
function changstatus(controlID)
{
document.controlID.disabled="true";
}

I tried your suggestions lynxus, but its still not working.

Thanks for your help though.

Thanks tripy,

I am already doing this......as I remembered your suggestions....

here:
var dd = document.getElementById('inpstate'); var value=dd.options[dd.selectedIndex].value;
But this is still not working.....I tried your suggestions.

Yes, but in your original post, you have:

var dd = document.getElementById('inpstate'); var value=dd.options[dd.selectedIndex].value;
if(document.getElementById('inpstate').value=="sel")

Yes, but now I tried with this one.....

function changstat()
{
var selt=document.getElementById('inpstate')
var current_value=selt.options[selt.selectedIndex].value

if(current_value=="sel")
{
document.getElementById('inpcity').disabled == "true";
document.getElementById('inpstate').focus();
}
else
{
document.getElementById('inpcity').disabled == "false";
document.getElementById('inpcity').focus();
}
}

Is this correct????

Thanks for your help.

It seems correct to me...

But this is not working.....

What is the error ?

The problem is.........there is no error message................Its just not disabling/enabling it.......Thanks

Then the function is probably not called.

Looking at your first code, I notice 1 thing:
The first select element have only a name, no id. Meaning that the function will not find it.
And that was indeed it.

I got this to work locally:

<html>
<body>
<select id="inpstate" 
        name="inpstate"
        id="inpstate"
        class="dropdown1_getlisted_businesstype" 
        bgcolor="#FBF4E6" 
        tabindex="3" 
        onchange="javascript: changstat();" 
        style="width: 210px;">
  <option value="sel">
  --------------- Select State ---------------
  </option>
  <option value="Uttar Pradesh">Las Vegas</option>
</select>  
<br/>
<select style="width:210px;" 
        name="inpcity" 
        id="inpcity"  
        tabindex="4" 
        class="dropdown1_getlisted_businesstype" 
        bgcolor="#FBF4E6">
  <option value="sel">--------------- Select City ---------------</option>  
</select>
<br/>
<script type="text/javascript">
function changstat(){
  var selt=document.getElementById('inpstate')
  var current_value=selt.options[selt.selectedIndex].value
  if(current_value=="sel"){
    alert('disabling inpCity');
    document.getElementById('inpcity').disabled == "true";
    document.getElementById('inpstate').focus();
  }
  else{
    alert('enabling inpCity');
    document.getElementById('inpcity').disabled == "false";
    document.getElementById('inpcity').focus();
  }
}
</script>
</body>
</html>

Thanks tripy,

Yes, its working but alert only. not disabling/enabling the inpcity.......so this is still not useful........BTW thanks for your efforts..............I think it won't work.....

Thanks