Menu
What I want is that the text box is only accessible if a certain option is picked from the drop down menu and I have an html form as below:
<tr>
<td>a. Did any of your staff participate in training or orientation sessions related to any aspect of social performance management, during the reporting year? </td>
<td >
<p>
<select name="mfi_4_a_i">
<option>Yes</option>
<option>No</option>
<option>No, but planning in future</option>
</select>
</p>
<p>if not,and not planning please explain why not </p>
<input type="text" name="mfi_4_a_ii" id="sdd" />
</tr>
Now when a user selects the option No, but planning in future then the text box must be enabled otherwise the textbox must be disabled.
How do I accomplish this?
440
When an item (option) is selected in DropDownList (HTML SELECT), the EnableDisableTextBox JavaScript function is executed. Inside this function, based on whether the Other option (item) is selected, the TextBox will be enabled else disabled. The HTML Markup consists of a DropDownList (HTML SELECT) and a TextBox.
The Panel control is hidden by setting Visible property to False. Do you have Passport? When an item (option) is selected in the DropDownList, the selected value is checked. If the selected value is Y (Yes), then the TextBox will be visible else the TextBox will be hidden.
The drop-down is used to create a list of items that need to select an element. We use <select> and <option> elements to create a drop-down list and use disabled attribute in <select> element to disable the drop-down list element.
prop("disabled", true); } else $("#ddl2"). prop("disabled", false); }); }); The above code will disable the "ddl2" dropdown on select of a particular value in first dropdown. And will enable it if you select another value.
You should call the javascript function for this.
<select id="mfi_4_a_i" name="mfi_4_a_i" onChange="changetextbox();">
<option>Yes</option>
<option>No</option>
<option>No, but planning in future</option>
</select>
<input type="text" name="mfi_4_a_ii" id="sdd" />
<script type="text/javascript">
function changetextbox()
{
if (document.getElementById("mfi_4_a_i").value === "noy") {
document.getElementById("sdd").disable='true';
} else {
document.getElementById("sdd").disable='false';
}
}
</script>
For me the document.getElementById("sdd").disabled='false' did not work so I used
document.getElementById("sdd").disabled='';
if (document.getElementById("mfi_4_a_i").value === "noy") {
document.getElementById("sdd").disabled='true';
} else {
document.getElementById("sdd").disabled='';
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
