Hi membersI have a TextBox i want to make it visible if the TextBox9999this is my codeifddlvalue 1 your condition documentgetElementById39txttodate39styledisplay 39none39else documentgetElementById39txttodate39styledisplay 3939and the number from where to test is this function 34idTextBox434autocomplete source function request response ajax ty

Hi mahjoubiPlease refer below htmlCheck the condition in requestterm 34999934 HTMLlthtml xmlnshttpwwww3org1999xhtmlgtlthead runatservergt lttitlegtlttitlegt ltscript srchttpajaxgoogleapiscomajaxlibsjquery14jqueryminjs typetextjavascriptgtltscriptgt ltscript srchttpajaxgoogleapiscomajaxlibsjqueryui18jqueryuiminjs typetextjavascriptgtltscriptgt ltlink hrefhttpajaxgoogleapiscomajaxlibsjqueryui18themesbasejqueryuicss relStylesheet typetextcss gt ltscript typetextjavascriptgt documentreadyfunction lttxtSearchClientID gtautocomplete source function request response txtCountryattrstyle requestterm 34999934 displayblock displaynone txtCustomerIdattrstyle requestterm 349999

Make ASP.Net TextBox visible based on jQuery AutoComplete TextBox value

mahjoubi

SOLVED CLOSED ACTIVE ANSWERED
User: mahjoubi
Posted: on Feb 04, 2023 12:54 AM
Forum: jQuery and jQuery Plugins
Answer: 1
Views: 2019
Sample Code: Download

Hi members

I have a TextBox, i want to make it visible if the TextBox="9999"

this is my code

if(ddl.value == 1)  //your condition
{
    document.getElementById('txt_todate').style.display = 'none';
}
else
{
    document.getElementById('txt_todate').style.display = '';
}

and the number from where to test is this :

    $(function () {
        $("[id*=TextBox4]").autocomplete({
            source: function (request, response) {
                $.ajax({
                    type: "POST",
                    url: '<%=ResolveUrl("~/ArticleInvestigation.aspx/GetNames2") %>',
                    data: "{ 'prefix': '" + request.term + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        response($.map(data.d, function (item) {
                            return {
                                label: item.split('-')[0],
                                val: item.split('-')[1]
                            }
                        }))
                    },
                    error: function (response) {
                        alert(response.responseText);
                    }
                });
            },
            select: function (e, i) {
                $("[id$=hfName]").val(i.item.label);
                $.ajax({
                    type: "POST",
                    url: '<%=ResolveUrl("~/ArticleInvestigation.aspx/GetCountry2") %>',
                    data: "{ 'name': '" + i.item.label + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {
                        $("[id*=TextBox3]").val(response.d.split('-')[0]);
                        $("[id*=TextBox6]").val(response.d.split('-')[1]);
                    },
                    error: function (response) {
                        alert(response.responseText);
                    }
                });
            },
            minLength: 0
        });
    });
</script>

i didn't know how i get the value that is passed from autocomplete to the textbox4

please help

Download FREE API for Word, Excel and PDF in ASP.Net

AjayV

0 8

Reply
ANSWER
User: AjayV
Replied: on Feb 06, 2023 10:08 PM
Modified: on Feb 06, 2023 10:12 PM
Report

Hi mahjoubi,

Please refer below html.

Check the condition in

request.term == "9999" ?

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"
        type="text/javascript"></script>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"
        rel="Stylesheet" type="text/css" />
    <script type="text/javascript">
        $(document).ready(function () {
            $("#<%=txtSearch.ClientID %>").autocomplete({
                source: function (request, response) {
                    $('#txtCountry').attr('style', request.term == "9999" ? 'display:block;' : 'display:none;');
                    $('#txtCustomerId').attr('style', request.term == "9999" ? 'display:block;' : 'display:none;');
                    $.ajax({
                        type: "POST",
                        url: '<%=ResolveUrl("~/Default.aspx/GetNames2") %>',
                        data: "{ 'prefix': '" + request.term + "'}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function (data) {
                            response($.map(data.d, function (item) {
                                return {
                                    label: item.split('-')[0],
                                    val: item.split('-')[1]
                                }
                            }))
                        },
                        error: function (response) {
                            alert(response.responseText);
                        }
                    });
                },
                select: function (e, i) {
                    $("[id$=hfName]").val(i.item.label);
                    $.ajax({
                        type: "POST",
                        url: '<%=ResolveUrl("~/Default.aspx/GetCountry2") %>',
                        data: "{ 'name': '" + i.item.label + "'}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function (response) {
                            $("[id*=txtCountry]").val(response.d.split('-')[0]);
                            $("[id*=txtCustomerId]").val(response.d.split('-')[1]);
                        },
                        error: function (response) {
                            alert(response.responseText);
                        }
                    });
                },
                minLength: 0
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <table>
        <tr>
            <td>
                <asp:TextBox ID="txtSearch" runat="server" />
            </td>
            <td>
                <asp:HiddenField ID="hfName" runat="server" />
            </td>
            <td>
                <asp:TextBox ID="txtCountry" runat="server" Style="display: none" />
            </td>
            <td>
            </td>
            <td>
                <asp:TextBox ID="txtCustomerId" runat="server" Style="display: none" />
            </td>
        </tr>
    </table>
    </form>
</body>
</html>

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Make ASP.Net TextBox visible based on jQuery AutoComplete TextBox value

Company

Explore

Follow us

Contact Us