Click here to Skip to main content
15,868,292 members
Home / Discussions / JavaScript
   

JavaScript

 
QuestionJavascript Form Validation - Help needed Pin
Kobraz11-Mar-23 12:43
Kobraz11-Mar-23 12:43 
QuestionJavaScript Pin
Member 159403612-Mar-23 17:42
Member 159403612-Mar-23 17:42 
RantRe: JavaScript Pin
Richard Deeming2-Mar-23 21:24
mveRichard Deeming2-Mar-23 21:24 
JokeRe: JavaScript Pin
Jeremy Falcon8-Mar-23 12:57
professionalJeremy Falcon8-Mar-23 12:57 
SuggestionJavaScript Pin
Member 159403612-Mar-23 17:40
Member 159403612-Mar-23 17:40 
RantRe: JavaScript Pin
Richard Deeming2-Mar-23 21:24
mveRichard Deeming2-Mar-23 21:24 
GeneralRe: JavaScript Pin
jschell10-Mar-23 11:07
jschell10-Mar-23 11:07 
QuestionDisable a textbox inside Repeater control when any of the DropDownList values also inside Repeater, is selected Pin
Ihechi Alozie2-Mar-23 12:17
Ihechi Alozie2-Mar-23 12:17 
I have a textbox and dropdownlist controls inside a repeater control.

The textbox is called txt_watersizes and the dropdownlist is called ddlWater.

The dropdownlist currently has three values although this could increase. The dropdownlist values are dynamically populated from the database.

To keep things simple, I have manually added values to the dropdownlist.

This is our back office feature and is handled only by an admin.

The way it works is that if an admin wishes to create a record, s/he selects a value from the dropdownlist. If the value s/he wishes to select is not on the dropdown, s/he enters the value into the textbox. The value is then added to the lookup table storing the dropdownlist values while the ID of or value of the dropdownlist is added to the main table. This works great.

We would like to disable the textbox when the admin selects a value from the dropdownlist to avoid having to enter the same value in the textbox as well.

How do I do this?

I know I could handle this on codebehind using selectedIndexChanged method but we would use JavaScript instead.

I do have a JavaScript but for some reason, it does not disable the textbox when a value is selected from the dropdownlist.

Thank you in advance.

<script type="text/javascript">
    $(function () {
        $("[id*=ddlWater]").change(function () {
            var row = $(this).closest("tr");
            var value = $(this).val();
            if (value == "" ) {
                row.find("[id*=txt_watersizes]").attr("disabled", "true");
            } else {
                row.find("[id*=txt_watersizes]").removeAttr("disabled");
            }
        });
    });
</script>

     <td>
       <asp:DropDownList ID="ddlWater" AppendDataBoundItems="true" runat="server">
       <asp:ListItem Text="29.9" Value="1" />
       <asp:ListItem Text="2.98" Value="2" />
       <asp:ListItem Text="0.33" Value="3" />      
       </asp:DropDownList>
     </td>
     <td>
        <asp:TextBox ID="txt_watersizes" runat="server"></asp:TextBox>
    </td>

AnswerRe: Disable a textbox inside Repeater control when any of the DropDownList values also inside Repeater, is selected Pin
Richard Deeming2-Mar-23 21:27
mveRichard Deeming2-Mar-23 21:27 
QuestionHow to replace the select of my html Pin
sanphil2-Mar-23 1:07
sanphil2-Mar-23 1:07 
QuestionHow to display a pop up without click and without login Pin
Member 1593182922-Feb-23 6:20
Member 1593182922-Feb-23 6:20 
AnswerRe: How to display a pop up without click and without login Pin
Jeremy Falcon27-Feb-23 7:29
professionalJeremy Falcon27-Feb-23 7:29 
QuestionHow to show or hide a div with only class without ID Pin
flexi220220-Feb-23 6:36
flexi220220-Feb-23 6:36 
AnswerRe: How to show or hide a div with only class without ID Pin
Richard Deeming20-Feb-23 21:54
mveRichard Deeming20-Feb-23 21:54 
GeneralRe: How to show or hide a div with only class without ID Pin
flexi220221-Feb-23 0:03
flexi220221-Feb-23 0:03 
GeneralRe: How to show or hide a div with only class without ID Pin
Richard Deeming21-Feb-23 1:43
mveRichard Deeming21-Feb-23 1:43 
GeneralRe: How to show or hide a div with only class without ID Pin
flexi220221-Feb-23 1:59
flexi220221-Feb-23 1:59 
GeneralRe: How to show or hide a div with only class without ID Pin
flexi220221-Feb-23 3:41
flexi220221-Feb-23 3:41 
GeneralRe: How to show or hide a div with only class without ID Pin
Richard Deeming21-Feb-23 22:11
mveRichard Deeming21-Feb-23 22:11 
AnswerRe: How to show or hide a div with only class without ID Pin
Ben A Johnson24-Apr-23 3:48
Ben A Johnson24-Apr-23 3:48 
Questionwant to help in javascript code Pin
Member 1592799418-Feb-23 4:33
Member 1592799418-Feb-23 4:33 
AnswerRe: want to help in javascript code Pin
Richard Deeming19-Feb-23 21:56
mveRichard Deeming19-Feb-23 21:56 
QuestionJavascript Pin
niveditha2216-Feb-23 22:20
niveditha2216-Feb-23 22:20 
AnswerRe: Javascript Pin
CHill6016-Feb-23 22:21
mveCHill6016-Feb-23 22:21 
QuestionHow do I make an Element slide-in, after user selects choice from drop-down, then it slides out. Pin
Garry 202316-Feb-23 12:07
Garry 202316-Feb-23 12:07 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.