enable/disable drop down

[Deeps Mistry]

Hi Everyone,

I have two drop boxes in my JSP. When i choose "Yes" in the first drop down, the second drop down should get disabled. When i select "No" then the second drop down should get enabled. I have used struts tag.

How do i implement this?

function DisableTR(value)
{
	alert("hi");
	alert(value);
	var DD2 = document.getElementsByProperty("POTX");
	alert(DD2);
	if(value == "No")
	{
		DD2.disabled.value = "false";
	}
	
	
	
}

<td><label>Delivery Bond-to-Bond?
<html:select  property="POB2B" onchange="DisableTR(this.value)" >
                          <html:option value="Yes">Yes</html:option>
                          <html:option value="No">No</html:option>
                        </html:select>
                    </label></td>
                   
                  </tr>
                  <tr>
                    
                    <td><label>Enter Tax Rate
                        <html:select property="POTX" disabled="true">
                          <html:option value="12.5">12.5%</html:option>
                          <html:option value="8">8%</html:option>
                          <html:option value="4">4%</html:option>
                          <html:option value="0">0%</html:option>
                        </html:select>
                     </td>
                   </tr>

Thanks

[Eric Pascarello]

disabled does not have a value, it is just disabled and it takes a Boolean not a string when setting it with JavaScript.

Eric

[Deeps Mistry]

Eric Pascarello wrote:disabled does not have a value, it is just disabled and it takes a Boolean not a string when setting it with JavaScript.

Eric

Hi,
Ok ..so you mean to say i cant set disable as true or false? so can you please suggest me how to go about it?I am stuck

Thanks

[Eric Pascarello]

Exactly what I said, disabled does not have a value [attributes].

yourObject.disabled=false;

Eric

[Deeps Mistry]

Eric Pascarello wrote:Exactly what I said, disabled does not have a value [attributes].

yourObject.disabled=false;

Eric

Hey Eric,

Thanks for your help. I tried setting disabled to false. But it is still not working.

I think there is some problem with this line : var DD2 = document.getElementsByProperty("POTX"); alert(DD2);
because i am not getting alert message for DD2.

Since i am using struts tag, i cannot use ID attribute with <html:select>. I have to use property attribute <html:select property="" >.

So what do i do now. javascript:emoticon('');

function DisableTR(value)
{
alert("hi");
alert(value);
var DD2 = document.getElementsByProperty("POTX");
alert(DD2);
if(value == "No")
{
DD2.disabled = false;
}
}

Thanks