Clear the HiddenField if the AutoCompleteExtender does not return any results

Question

Clear the HiddenField if the AutoCompleteExtender does not return any results

Hey, I'm trying to figure out how to reset a HiddenField's value in case the AutoCompleteExtender doesn't return any results (specifically when the user searches for something that isn't on the list/database). This is the current JS code I have:

function handleAutoCompleteSelection(source, eventArgs) {
    var hiddenField = document.getElementById(source.get_id() + '_hidden');
    hiddenField.value = eventArgs.get_value();
}

Is there a way to modify this to check if the list is null? At the moment, it just keeps the previous value. Any suggestions would be appreciated.

Thank you!

c#javascript asp.net autocompleteextender

Answer 1

Answer №1

I experimented with assigning both null and an empty array to the hiddenInput's value, and found that both methods function correctly. Can you please display the value of assocHiddenField.value?

<button onclick="resetHiddenInputValue();"> Reset hidden input! </button>
    <script type="text/javascript">
        function resetHiddenInputValue() {
            var hiddenInput = document.getElementById("hiddenInputId");

            alert('The value of the hidden input before the action:' + hiddenInput.value);
            var searchResult = null;
            // var searchResult = new Array(); 
            hiddenInput.value = searchResult;
            alert('The value of the hidden input after the action:' + hiddenInput.value);
        }
    </script>
<input type="hidden" value="hiddenvalue1" id="hiddenInputId" />

Answer 2

I experimented with assigning both null and an empty array to the hiddenInput's value, and found that both methods function correctly. Can you please display the value of assocHiddenField.value?

<button onclick="resetHiddenInputValue();"> Reset hidden input! </button>
    <script type="text/javascript">
        function resetHiddenInputValue() {
            var hiddenInput = document.getElementById("hiddenInputId");

            alert('The value of the hidden input before the action:' + hiddenInput.value);
            var searchResult = null;
            // var searchResult = new Array(); 
            hiddenInput.value = searchResult;
            alert('The value of the hidden input after the action:' + hiddenInput.value);
        }
    </script>
<input type="hidden" value="hiddenvalue1" id="hiddenInputId" />

Clear the HiddenField if the AutoCompleteExtender does not return any results

Answer №1

Similar questions

Loading Data Using AJAX with JSON on Button Press - Dealing with Array Problems

Validating the accuracy of Membership.GeneratePassword

Delete the first and last two entries in the json dataset

Issues with the functionality of AJAX response values

Refreshing MVC Partial View

Utilizing jQuery to efficiently chunk JSON data through AJAX calls

"Encountering an undefined error when making an AngularJS $http post request and receiving a

Using JQuery to enable the movement of divs on a screen through clicking and dragging, without the use of

What is the best way to transfer a property-handling function to a container?

Storing the result of parsing JSON data into a global variable

Assign an AJAX call to retrieve data from a MySQL table and store it in a

Enhance the performance of ASP.NET application on mobile browsers like IPhone and Android for optimal user experience

Concealing and revealing information with jQuery and AJAX

"Php makes it easy to organize seating arrangements with drag-and-drop functionality

Exploring the concept of $http/$q/promise in Angular

How to monitor and respond to HTML modifications in a child component from a parent component in Angular framework

Sending data to another page in React Native can be achieved by passing the values as parameters

What is the best way to extract every nth digit from a number using a given reference point?

The Angular service/value is failing to retrieve the updated variable from the $(document).ready() function

An issue has been encountered in the code during the installation of react.js