Jquery and form help

<optioni,
I am trying to do two things which as a noob im struggling with and I was hoping someone might be able to help me with.
First issue;
I have a text box in a form that I want some one to write there name in to, I then want to be able to call that name from the text box to display in questions below.
Is this possible using jquery and if so how do I do it?
Second issue
I have the following
<label>
<select name='request'>
<option value="request 1"> request 1 </option>
<option value="request 1"> request 1 </option>
</select>
</label>
Dependant on which option is selected I want it to display diffrent form elements below with diffrent options, is this possible?

Pablo269 wrote:
Second issue
I have the following
<label>
<select name='request'>
<option value="request 1"> request 1 </option>
<option value="request 1"> request 1 </option>
</select>
</label>
Dependant on which option is selected I want it to display diffrent form elements below with diffrent options, is this possible?
Try this:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('#request_1 , #request_2').hide();
$('#request').change(function() {
var option = $('#request').val();
if(option == 'request_1'){
    $('#request_1').show();
    $('#request_2').hide();
else {
    if(option == 'request_2'){
    $('#request_2').show();
    $('#request_1').hide();
</script>
</head>
<body>
<form>
<label>
<select name="request"  id="request" >
<option>Please Select</option>
<option value="request_1">Request 1</option>
<option value="request_2">Request 2</option>
</select>
</label>
</form>
<div id="request_1">
Request 1
</div>
<div id="request_2">
Request 2
</div>
</body>
</html>

Similar Messages

  • Paypal and form help

    I designed a webpage for a nonprofit that uses Paypal to collect donations in varying amounts.
    I used Paypal's button widget to create a button and form for each specific donation. I then embeded these buttons/forms in the webpage -- I created 7 such buttons and forms. Each form sends the data the user enters to Paypal, where the user completes the payment transaction. Paypal then sends (some of) the data from the transaction to my client. Everything works great.
    Problem is my client wants to collect more data than the Paypal widget allows (or that Paypal typically returns to "sellers"). Ideally, my client would like me to include a number of required fields on my client's webpage and have that data sent to them at the same time the user clicks the "submit" button that takes them to Paypal to complete the payment transaction.
    Can this be done? And if so, how?
    Maybe this needs to be set up as separate pages: 1) the page where the user sees all the donation choices, 2) a second page where the user fills out and submits the information my client wants to collect, 3) a third page where the user enters Paypal specific info, and 4) the Paypal page where the user completes the payment?
    Any guidance is greatly appreciated.
    Thanks.

    Thanks Woody.
    I have talked to Paypal at least a half dozen times on this issue. Haven't found them overly helpful.
    I'll check this out and report back. Are you referring to the URL redirect? Or is this something in addition to the redirect?
    If it's the redirect URL, I currently use that for sending users back to the client's website once the Paypal stuff is complete. Hadn't thought of sending them to a page for more data input. Though, I have considered the reverse -- having them fill out a data form to collect what my client wants, and then have them click a link to go to the Paypal site to complete the payment transaction.
    Does the shopping cart allow you to add other (required) data fields, like one for a mailing address, another for a phone number, custom fields for user comments, etc?

  • Dropdown and Value Help in Adobe Form (WebDynpro Java)

    Hi Experts,
    I need to develop a Adobe form where i have to implement Dropdown and Value Help, which will coming from custom BAPI. I am using WebDynpro Java, EP 7.0 and ALD 8.0. Please let me know how can i implement those 2 UI Elemnts..
    Regards
    Subhrajyoti

    Hi Jyothi,
    Herewith I had Explained detailed Procedure,
    For Dropdown,
    1.     Create a node and attribute to the dropdown ,
    2.     call the bapi,
    3.     Assign the Bapi attribute to the Dropdown node attribute
    4.     Place the Interactive form UI to the Java Application
    5.     Create an another  attribute for read the interactive form
                  a.Name: pdf_src
                  b.Type :byte, Assign this attribute to PDF Source property of the Interactive form UI Element.
    6.     Give the Name to the Template source property of the Interactive form UI and double click the        template source.
    7.     It asking Name for the Interactive form, Give the name for that
    8.     Once give the Name, It ask context for Adobe form, assign the already created node for dropdown in Webdynpro application to the interactive form.
    9.     Now Context Bounded with Webdynpro and Interactive form
    10.     Interactive form screen will be open into the studio
    11.     Place the Dropdown UI element  to the Interactive form and bind the attribute to the dropdown
    12.     Select the Dropdown UI Element, go to the object property, Click the Specify Item values. The pop window displayed, here give the $ value to the Item Text, Item value. The Data Connection dropdown and Default Binding , it has value when the attribute bounded to the dropdown UI .
    13.     Save and Test the Application
    For Value Help,
    1.     Do the Same Procedure for up to 10 steps,
    2.     Place the Text field UI and Value Help UI Element
    3.     Select the Value Help, go the Script Editor give the name of the text field attribute name in var fieldName = "*INSERT_NAME_HERE*";
    4.     Save and Test the Application
    By
    Parthi

  • Forms 6.i and Web - Help please.

    Hi, Just we stared web development with 6i and form server.
    We need lot of help.
    1. Do you know any web site using forms 6i
    2. What about performance?
    3. How to hide windows heading and border
    4. Were can we find resource?
    Please reply. Thanks

    Oracle claims it uses oracle form/form server architecture for its Oracle applications 11i
    performance
    on intranet/network is ok
    over the web?
    <BLOCKQUOTE><font size="1" face="Verdana, Arial">quote:</font><HR>Originally posted by vrcs:
    Hi, Just we stared web development with 6i and form server.
    We need lot of help.
    1. Do you know any web site using forms 6i
    2. What about performance?
    3. How to hide windows heading and border
    4. Were can we find resource?
    Please reply. Thanks<HR></BLOCKQUOTE>
    null

  • Dreamweaver CS6-  jquery and jquery cycle to have 5 images slide (as a fade) in a banner code failure- help?

    Dreamweaver CS6- I am trying to use jquery and jquery cycle to have 5 images slide (as a fade) in a banner. I thought I got the code right but it stacked the images. I suspect I have the incorrect code for the position or I haven't properly added cycle.
    my head code:
    <title>slider</title>
    <script type="text/javascript" src="JS/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="JS/jquery.cycle2.min.js"></script>
    <script type="text/javascript">
    $('#slider').cycle({
    </script>
    <style type="text/CSS">
    #slider {margin:auto;}
    </style>
    My div code:
    <div id="slider">
      <p> 
        <img src="Leather web page/DSC_0531_4925.JPG"/>
        <img src="Leather web page/DSC_0035_edited-1.JPG"/>
        <img src="Leather web page/DSC_1593_edited-1.jpg"/>
        <img src="Leather web page/DSC_1595_edited-1.jpg"/>
        <img src="Leather web page/DSC_1821.jpg"/>
        </div>
    Any help would be greatly appreciated.

    1. You can use a constructor to change the defaults. The default values can be seen in jquery.cycle2.js starting at line 659 as per the following. As you can see at the bottom, the code automatically runs the slideshow(s)
    // @see: http://jquery.malsup.com/cycle2/api
    $.fn.cycle.defaults = {
        allowWrap:        true,
        autoSelector:     '.cycle-slideshow[data-cycle-auto-init!=false]',
        delay:            0,
        easing:           null,
        fx:              'fade',
        hideNonActive:    true,
        loop:             0,
        manualFx:         undefined,
        manualSpeed:      undefined,
        manualTrump:      true,
        maxZ:             100,
        pauseOnHover:     false,
        reverse:          false,
        slideActiveClass: 'cycle-slide-active',
        slideClass:       'cycle-slide',
        slideCss:         { position: 'absolute', top: 0, left: 0 },
        slides:          '> img',
        speed:            500,
        startingSlide:    0,
        sync:             true,
        timeout:          4000,
        updateView:       0
    // automatically find and run slideshows
    $(document).ready(function() {
        $( $.fn.cycle.defaults.autoSelector ).cycle();
    2. To center the slideshow, merely center the container as in
    div.cycle-slideshow {
        width: 1000px;
        margin: auto;

  • Form and tracking help

    I would like to put a form up that the people in my office can open place a bid on an item (along with phone number , email which item number and how many if applicable) and then track the information so I can see who the highest bidder is. Of course this would be internal to an office with servers. I am just stuck hopelessly on this. Never used this program before thought I was smart as I used the office package. Thank you in advance for any and all help.

    hi
    As per indian C form business process J1IUN will not meet the requirements.
    we have to develop Z programme for this, logic is
    1. Transaction one is  all CST 4 % or 3 %  invoices we have to store in Z table. (daily by creating Z tcode)
    2. second  transaction is maintain the C from numbers for respective invoice numbers ( by crating Z code)
    3.develop 2 reports, one is invoices with C from numbers another one is invoices with out c form numbers.
    so by sitting with u r abaper u can give above solution

  • Help!!!How to run Form Builder and Forms Runtime together?

    Dear Friends,
    I am new to Oracle Developement and need your help.
    Everytime I click the RUN icon to run a form from the Form Builder, the Forms Runtime starts, however, closes my Form Builder the same time. After I closed the Forms Runtime, the Form Builder shows up as before.
    In another word, I cannot have both Forms Runtime and Forms Builder at the same time. How can I run the form without closing the Form Builder so that it's eaiser to modify the form and time saving?
    Thank you very much.

    Thanks. But I cannot make by using alt+tab. I know it is strange.
    I could do that before but I don't know what's wrong with it now because start of the Runtime automatically hide the Form Builder until I close the runtime. Does anyone have any idea or same experience of this? Any suggestion?
    null

  • Jquery modal form

    Hello,
    Based on this thread Re: Implement jQuery modal form I have created my jquery modal sample.
    It opens correctly when I select 'Create' or 'Edit' but does not update the value into the database table.
    Can one help me please?
    Thanks,
    Bhavin

    Hi,
    Have you created onDemand process to update the record in the database.
    Eg. make the Create code of the button similar to below
      'Create : function(){
          addRecord();
      } The create function addRecord()
    function addRecord()
       var ajaxRequest = new htmldb_Get( null , &APP_ID. , 'APPLICATION_PROCESS=myApplicationProcess' , 0);
       ajaxRequest.addParam( 'x01' , $('P1_ITEM1');
       ajaxRequest.addParam( 'x01' , $('P1_ITEM2');
       ajaxRequest.addParam( 'x01' , $('P1_ITEM3');
       ajaxResult = ajaxRequest.get();
    }Now create an ondemand process.. go to shared component .. click on application process and in process point select on demand the last option. now in the source enter the code to insert the record..
    declare
      item1 varchar2(100);
      item2 varchar2(100);
      item3 varchar2(100);
    begin
        item1 := wwv_flow.g_x01;
        item2 := wwv_flow.g_x02;
        item3 := wwv_flow.g_x03;
        insert into myTable values( item1 , item2 , item3);
        htp.prn('record successfully added');
    EXCEPTION
       when other
       htp.prn('Error adding record');
    end;Here is an example : http://apex.oracle.com/pls/apex/f?p=12060:3
    Regards,
    Shijesh

  • JQuery modal form - Open another page

    Hi ,
    I have implemented a Jquery modal form in my application.
    I have a region and in the header I have the following code :
    <div id="transaction" title="Update transaction details" > . This is basically a form region and has around 35 items.
    I call this through the Jquery function
    $("transaction").dialog('open'); This works well for me.
    Now I want to move these items to a different page.
    How can I call this page as a modal dialog form ?
    I would like to do :
    $(NEW_PAGE).dialog('open') // NEW PAGE can be an URL to the new page ?
    How I can achieve this functionality ?
    Thanks,
    Dippy

    create an html no template region:
    add a html frame into source
    <frame id ="eventreg" src="f?p=&APP_ID.:your application id:&APP_SESSION.::NO:your page id:your parametere:&your parameter value." height="100%" width="100%" frameborder="0"></iframe>
    region header section
    <div id="yourdivid">
    region footer section
    </div>
    page header add the javascript
    $(document).ready(function(){
    $("#eventRegUpd").dialog({bgiframe: true,
                               width: 775,
                                     height: 525, 
                                     autoOpen: false, 
                                     modal: true                                 });
    hope this will help you
    regards

  • JQuery - CFML - form submit example

    I have searched for a complete example on how to use JQuery and CFML to submit a form.
    So how to submit a form, pass it's form values to the data page and return it all to the page where the form is on.
    I found all kinds of different code snippets but no complete example, can anyone help me, provide such?
    Thanks!

    Yes here it is, saved in a file called jqueryajax2.cfm:
    <html>
    <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script>
    $(document).ready(function() {
        //grab the submit action
        $("#loginForm").submit(function(e) {
            //stop the form submission
            e.preventDefault()
            //get my values
            var uval = $("#username").val()
            var pval = $("#password").val()
            //basic validation
            if(uval == '' || pval == '') return
            //disable the button
            $("#loginButton").attr("disabled",true)
            //Let the user know we are doing something       
            $("#result").html("Logging in...")
            //Send them to the CFC
            $.post("test.cfc?method=authenticate&returnformat=json",
                    {username:uval, password:pval},
                    function(res) {
                        //Handle the result
                        if(res == "true") {
                            $("#result").html("Your login worked.")
                            //Do more here.
                        } else {
                            $("#result").html("Your login failed.")
                            $("#loginButton").removeAttr("disabled")
    </script>
    </head>
    <body>
    <form id="loginForm">
        username: <input type="text" name="username" id="username"><br/>
        password: <input type="password" name="password" id="password"><br/>
        <input type="submit" value="Login" id="loginButton">
    </form>
    <div id="result"></div>
    </body>
    </html>

  • MS Access And Forms

    I m working on a project where i was first having oracle as database but due to customer requirement he want ACCESS
    But i dont know how to connect to access and forms
    PLS HELp
    Its Urgent

    Sumit,
    Forms 9i and above no longer support ODBC conenctions to Access.
    Frank

  • How to work JQuery and content editor webpart functionality in sharepoint 2013?

    Hi all,
    I have a requirement to display the list data in share-point page by using JQuery and content editor web-part. could you please any one suggest the process to display the list data using JQuery and ContentEditorWebpart.
    Thanks in advance.
    Thanks,
    phani kumar
    Phani kumar

    Hi,
    From your description, my understanding is that you want to show a list data in a page using jQuery and Content Query Web Part.
    You could use SharePoint REST API to accomplish your requirement, please refer to this code below:
    <div id="listData">
    </div>
    <script src="https://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script><script type="text/javascript">
    $(document).ready(function(){
    //replace your list title
    $.ajax({
    url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/getbytitle('customlist03')/items",
    type: "GET",
    headers: {"accept": "application/json;odata=verbose"},
    success: function (data) {
    if (data.d.results) {
    var obj = data.d.results;
    for(var i = 0; i < obj.length; i++)
    $("#listData").append("<div>title "+obj[i].Title+"</div>");
    error: function (xhr) {
    alert(xhr.status + ': ' + xhr.statusText);
    </script>​​
    The screenshot below is my result:
    Please refer to these articles:
    Working with lists and list items with REST
    https://msdn.microsoft.com/en-us/library/office/dn292552.aspx
    SharePoint 2013 – CRUD on List Items Using REST Services & jQuery
    http://www.plusconsulting.com/blog/2013/05/crud-on-list-items-using-rest-services-jquery/
    You can also get list data using JavaScript Client Object Model(JSOM), you could refer to this article:
    How to: Complete basic operations using JavaScript library code in SharePoint 2013
    https://msdn.microsoft.com/en-us/library/office/jj163201.aspx?f=255&MSPPError=-2147217396
    Here is a link about how to add code into page via Content Editor Web Part:
    http://blogs.msdn.com/b/sharepointdev/archive/2011/04/14/using-the-javascript-object-model-in-a-content-editor-web-part.aspx
    Best Regards,
    Vincent Han
    TechNet Community Support
    Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
    [email protected]

  • Accessible PDF files and forms

    I am beside myself with the lack of help and/or interest in the Accessiblity area. We have been mandated to make all our PDF files accessible on our Web site. We have been able to master many of the issues regarding tags and form fields, but still have questions regarding updating the original PDFs without loosing the tag structure.
    Is there any options on the Adobe site that may concentrate on this area? I called tech support yesterday (Bronze contract), was on hold for 10 mins and got disconnected. After leaving my number, they never called me back again.
    HELP
    KEN PANTHEN, Albany, NY

    Bill
    The point was not having to create the tags again in a new file before
    replacing the pages containing the form fields in the old file. We have
    many forms that get updated right up to the last minute and to go through
    the tagging process is too time consuming. We do not use PDF Maker, but
    produce all the PDFs directly out of InDesignCS3 to Adobe Acrobat
    Professional (Distiller).
    Thanks for your reply.
    KEN PANTHEN
    NYS Tax Department
    Information Technology Specialist 2
    FPM - Composition Services Unit
    (518) 457-1425
    (518) 485-7828 (fax)
    From:
    "Bill@VT" <[email protected]>
    To:
    Kenneth Panthen <[email protected]>
    Date:
    06/24/09 11:19 AM
    Subject:
    Accessible PDF files and forms
    I am really suggesting replacing all of the pages. I was thinking that the
    tag structure would go with the replacement and you would need to create
    the other PDF with PDF Maker to keep the tagging. I may be wrong, but that
    was the view I had. If you replace a single page, I am not sure what might
    happen since that would generally not be done with PDF Maker.
    Since you already have the application process going, it is probably
    easiest for you to try the variations on replacing pages and such --
    basically what I would be doing.

  • PE 9 and 10 Help PDF Invalid List View Descriptions

    Bottom line: Has anyone reported on these problems, and, if so, what is being done about them?
    Until proven otherwise, I believe that Premiere Elements 9 and 10 Help PDF requires editing of its List View Descriptions which are appropriate for at least version 8.0/8.0.1, 7, and 4, but not versions 9.0/9.0.1 and 10.  Please refer to the Help PDF Projects/View Clip Properties
    for version 10:
    http://help.adobe.com/en_US/premiere...B-312BB3F13B11
    for version 9:
    http://help.adobe.com/en_US/Premiere...355c-7f98.html
    Problems in this regard for Premiere Elements later than version 8.0/8.0.1 and not for versions 8.0/8.0.1, 7, and 4:
    1. List View Properties display in text for export video file, no Data Rate Analysis graphs
    2. List View Columns, no ADD to add your own columns, so only Adobe built in ones, and none of the Adobe built in ones, like Client, allow for editable text.
    Comments:
    Data Rate Analysis
    I had read somewhere that these graphs appear for tape based rather than non tape based imports. Mini test: Premiere Elements MPEG4.avi import and DV AVI export of the MPEG4.avi. Results: Version 8.0/8.0.1 Properties for import in text format (file properties) only and Properties for export in text format (file + export properties) as well as display of Data Rate Analysis graph. Versions 9 and 10 Properties for import (file properties) and for export (file + export properties), both import and export text only.
    List View Columns
    1. If I look at the project.prel WordPad documents and the Client Column information there in each, I do not see any difference.
    2. If I create a Premiere Elements 8.0/8.0.1 project, set List View column choices Comments and Client, type in the comments and client information, and save/close/and re-open the project in:
    a. Premiere Elements 9.0/9.0.1, the Comments columns and its information will not appear; the Client column will appear, but its information will not be editable. (The 9.0/9.0.1 version does have Client, but not Comments, as a built in choice under Edit Columns)....the latter might explain why no Comments column except...
    b. Premiere Elements 10, neither the Comments nor Client columns and their information will appear. (The 10 version does have Client, but not Comments, as a built in choice under Edit Columns.)
    One of the Potential Problems:
    It is well accepted that, if you edit a project from an earlier version in a later version, you cannot go back to the earlier version for editing. So, one potential problem that I see in all this is the loss of this type of information on upgrading from 8.0/8.0.1 and earlier....
    a. If you create a Premiere Elements 8.0/8.0.1 or earlier project which includes Comments and Client information in these List View Column choices, you will lose all that information in version 10 and have only non-editable Client information in version 9.
    And, yes we have filed an Adobe Feature Request/Bug Form on this one.
    Any comments about what I may have overlooked in trying to get those Help PDF List View Descriptions to work for me would be appreciated.
    Thanks.
    ATR

    I definitely agree that the Help files could use some updating, Tony.

  • !!System error in program SAPLRS_EXCEPTION and form RS_EXCEPTION_TO_MESSAGE

    Hi Gurus,
    Mater data text loading from a DSO to a InfoObject has failed in the process Chain at DTP step while trying to extract Data packet 2 from the DSO.
    In the log i am getting following error message:
    "System error in program SAPLRS_EXCEPTION and form RS_EXCEPTION_TO_MESSAGE (see long text)
    Message no. BRAIN299".
    Please help urgent.
    FYI.....
    we have recently done upgrade from BI/ABAP SP11 to SP15 and the latest Java SP || 14 (both included in SPS 14).
    Points will surely be awarded.
    Thanks,
    Anurag

    Hello Anurag,
    Could you solve this problem? If so, please share the solution with me. I'm getting the same error while loading data using DTPs.
    Regards,
    Neha

Maybe you are looking for

  • I have changed my apple id email address but i cant change the id address for my icloud account on my iphone? how do i do that?

    i have changed my apple id and password but it hasnt changed on my icloud account and i cant seem to chage it on my iphone. how do i change it from my old email id address to my new one?

  • Negative eMac Display

    Our school has four eMacs. One of them, a 1GHz, 10.3.9 Panther, 256 MB RAM, and out of warranty, has started to have a display problem. The display is showing negative colours, like white shows as black, blue shows as orange etc. This only affects ou

  • Photoshop&Lightroom Creative Cloud offer terms

    Could someone at adobe clarify the renewal terms stated here... https://www.adobe.com/store/en_us/popup/offer/ccm_photoshop_app_offer.html Renewal After the first 12 months, we will automatically renew your contract based on the current price of the

  • Vacant Position Report

    Fellows I've got an Org. Structure containing Org. Units, Positions and Holders of Positions. Some Position are currently vacant, some are occupied and were vacant before. So now I'm creating a report of Vacant Positions. When I put the Reporting Key

  • Safari keeps crashing on mbp 10.6.7

    Seems to happen everytime i open/close tabs....it's a brand new macbook pro so i don't know what it could be. This is the error report but I have no clue how to decipher it Thanks in advance for any help! Process:         Safari [1028] Path: