Function Is Not Getting Call At Second Time If I Select The Same Value In Dropdown Using Jquery.

Question

0.00/5 (No votes)

See more:

Dear Team,

I have the Code as follows.

C#

$('#allocateToSelect').change(function () {
           debugger;
           $("#allocateToSelect option:selected").val();
           GetQCCount();
       });

I have the Value inserted on my DropDown.DropDown as follow:

XML

<td>
                        <select id="allocateToSelect" class="combo150">
                           </select>
                    </td>

My problem is when i select the value in the dropdown . .Change Function is getting call which is fine.
But if I select the same value at second time my function is not getting call ,Why is it so .
please Guide me.
Thanks
Harshal

Posted 7-Apr-14 0:04am

R Harshal

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Naz_Firdouse · Answer 1 · 2014-04-07T00:18:00

Solution 1

The reason is since you are selecting the same option the second item, change event does not gets fired. If you select another value and select the first one again, event gets fired. Change event gets fired when the selection of items in the select clause are changed.

Posted 7-Apr-14 0:18am

Naz_Firdouse

Comments

R Harshal 7-Apr-14 6:22am

Now what to do is there any way to solve this issue . As i am new in Jquery .I want the Count when i select the same value of DropDown at second time. please guide me.
Thanks
Harshal.

R Harshal 7-Apr-14 6:24am

Using JQuery, I want to detect when a user selects a value, even if they don't change the already selected value.
Please guide me.

Naz_Firdouse 7-Apr-14 6:30am

you can use onclick event for the options
<pre lang="HTML">
<select id="selectBox" >
<option value="1" onclick="changeFunc();" >Option #1</option>
<option value="2" onclick="changeFunc();" >Option #2</option>
<option value="1" onclick="changeFunc();" >Option #1</option>
<option value="2">Option #2</option>
<option value="1">Option #1</option>
<option value="2">Option #2</option>
</select>
</pre>

<pre lang="Javascript">
<script type="text/javascript">

function changeFunc() {
//debugger;
var selectBox = document.getElementById("selectBox");
var selectedValue = selectBox.options[selectBox.selectedIndex].value;
alert(selectedValue);
}

</script>
</pre>

R Harshal 7-Apr-14 7:29am

As i dont want to show the Value in DropDown.I already have the value in DropDwn.I just want to select the value from Drop and get the Count,If i select the same value as twice ,thrice ...and so on ,It should get the Count.For that purpose i need your help.Now i am getting the count when i am selecting the value at one time from DropDown.
Thanks
Harshal

Naz_Firdouse 7-Apr-14 6:41am

for Jquery ,
<pre lang="HTML">
<select id="selectBox">
<option class="test" value="1">Option #1</option>
<option class="test" value="2">Option #2</option>
<option class="test" value="1">Option #1</option>
<option class="test" value="2">Option #2</option>
<option class="test" value="1">Option #1</option>
<option class="test" value="2">Option #2</option>
</select>
</pre>
<pre lang="Javascript">
$('#selectBox').change(function () {

var val = $("#selectBox option:selected").val();
alert(val);
});
$('.test').click(function () {

var val = $("#selectBox option:selected").val();
alert("val is "+val);
});

</pre>

R Harshal 7-Apr-14 7:29am

As i dont want to show the Value in DropDown.I already have the value in DropDwn.I just want to select the value from Drop and get the Count,If i select the same value as twice ,thrice ...and so on ,It should get the Count.For that purpose i need your help.Now i am getting the count when i am selecting the value at one time from DropDown.
Thanks
Harshal

R Harshal 7-Apr-14 7:04am

Thanks For your reply.
As i dont want to show the Value in DropDown.I already have the value in DropDwn.I just want to select the value from Drop and get the Count,If i select the same value as twice ,thrice ...and so on ,It should get the Count.For that purpose i need your help.Now i am getting the count when i am selecting the value at one time from DropDown.
Thanks
Harshal

Naz_Firdouse 7-Apr-14 7:36am

In that case, you need to have some hidden variables holding the count for each select item.

R Harshal 7-Apr-14 9:07am

Hi Naz_Firdouse.
I dont know why you are saying to have a hidden variable.
My Question is :If I select the value from DropDown at second time then why Change functon not getting fired,at first time Change Function getting fired then why it is not getting call at second time for same value .Please help me .
Thanks
HAshal

Naz_Firdouse 8-Apr-14 5:39am

The reason is the second time, you are not changing the selected item but instead you are clicking on the same item again.so only click function gets called and there you need to write your own logic to get the count

R Harshal 9-Apr-14 7:01am

Hi Naz_Firdouse
Would you suggest me how to get it ,As I am new in Jquerry .What logic it should be .Please guide me .

Thanks
Harshal