How to assign value to a apex variable in visualforce page ,using javascript/jQuery?

Question

<apex:page controller="CurrencyCon" >
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        alert();
        var x=1111111111111;
        $('[id$=abc]').val(x);
        var y='{!a}';
        alert(y);
    });
</script>
<apex:pageBlock >
<apex:form > 
    <apex:inputHidden value="{!a}" id="abc"/>
</apex:form>
     <apex:pageBlockSection columns="1">
        <apex:outputText value="$ {0, number, ########,##,#0.00}">
            <apex:param value="{!a}" />
        </apex:outputText>
        <apex:outputText value="$ {0, number, ###,###,###,##0.00}" >
            <apex:param value="{!b}" />
        </apex:outputText>
        <apex:outputText value="${0, number, ###,###,###,##0.00}">
            <apex:param value="{!c}" />
        </apex:outputText>
    </apex:pageBlockSection>
</apex:pageBlock>

</apex:page>

a,b,c are declared in currencycon (controller). I want to change "a" value using jquery.

is there some reason you are not using the j$ = jQuery.noConflict(); ?developer.salesforce.com/page/Developing_Apps_with_jQuery — cropredy
– cropredy, Commented Dec 4, 2015 at 18:18

Vladyslav K · Accepted Answer · 2016-05-10 19:40:17Z

5

You can define actionFunction, it will invoke controller method, and pass parameter from javascript

    <apex:actionFunction name="jsFunction" action="{!apexMethod}" >
        <apex:param value="" name="paramName"/>
    </apex:actionFunction>


    public void apexMethod() {
        String yourValue = ApexPages.currentPage().getParameters().get('paramName');
    }

use this in javascript like this:

...
jsFunction('yourValue');
...

answered May 10, 2016 at 19:40

Vladyslav K

2,7637 gold badges35 silver badges71 bronze badges

Add a comment |

Ratan Paul · Accepted Answer · 2015-12-04 12:13:48Z

0

Using Javascript

<script>
        $(document).ready(function(){
            alert();
            var x=1111111111111;
            $('[id$=abc]').val(x);
            var y='{!a}';
            alert(y);
           document.getElementById('{!$Component.aId}').value='your value';
        });
    </script>

    <apex:outputText id="aId" value="$ {0, number, ########,##,#0.00}">
          <apex:param value="{!a}" />
    </apex:outputText>

Using Jquery

<script>
    $(document).ready(function(){
        alert();
        var x=1111111111111;
        $('[id$=abc]').val(x);
        var y='{!a}';
        alert(y);
        $( 'span[id$=aId]' ).val('your value');
    });
</script>

edited Dec 4, 2015 at 12:13

answered Dec 4, 2015 at 12:08

Ratan Paul

22.9k14 gold badges59 silver badges100 bronze badges

Thanks for your response,my requirement is before it is printing into outputText I need to change that , I have to print that into outputText.

Manoj
– Manoj

2015-12-04 12:29:22 +00:00
Commented Dec 4, 2015 at 12:29
1

so make that that outputtext display:none then document.getElementById('{!$Component.aId}').value='your value'; after this link just make your outputtext display:block

Ratan Paul
– Ratan Paul

2015-12-04 12:32:05 +00:00
Commented Dec 4, 2015 at 12:32
@manoj Can you add more info in your question?

Ratan Paul
– Ratan Paul

2015-12-04 13:31:27 +00:00
Commented Dec 4, 2015 at 13:31
2

Thanks Rathan for your response.I got the reason why new value is not saving in "a".The reason is we are trying to assign the value using jQuery/js .But that value is in input hidden tag.It is not reaching the back-end.In output text we tried to print the value .Here that value is coming from back-end. Until we reload the page the new value won't be effect on "a".for that we need to write an action function and rerender that outputText portion.

Manoj
– Manoj

2015-12-04 19:02:40 +00:00
Commented Dec 4, 2015 at 19:02

Add a comment |

Stack Exchange Network

How to assign value to a apex variable in visualforce page ,using javascript/jQuery?

2 Answers 2

You must log in to answer this question.

Hot Network Questions

How to assign value to a apex variable in visualforce page ,using javascript/jQuery?

2 Answers 2

You must log in to answer this question.

Related

Hot Network Questions