Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

jQuery - set select list from value entered in different form on same page?

Posted on 2016-09-27
10
Medium Priority
?
102 Views
Last Modified: 2016-10-09
I have purchased a WordPress plugin called "Bookly" and would just like to know how to set the location tab using jQuery from another form.

http://locations-demo.booking-wp-plugin.com/demo/

I have a form on the same page as below, if say "San Francisco" is entered I need location "San Francisco" automatically selected in Bookly.
If a location entered my form is not listed I would like a message displayed "Sorry, we don't service the location entered"


<form action="search_for_members.php">
<div class="ui-widget" id="get_my_location">
<label for="my_location">Where do you need a Practitioner?</label>
<input id="my_location" onfocus="if(this.value == 'Enter Location') { this.value = ''; }" type="text" value="Location">
<input id="set_location" type="submit" value="Get Started">
</div>
</form>

Open in new window


Thanks in advance.
0
Comment
Question by:sabecs
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 5
10 Comments
 
LVL 59

Expert Comment

by:Julian Hansen
ID: 41819527
The form you have above posts back to a script - which will refresh the page making a jQuery solution irrelevant because anything it does will be wiped in the refresh.

I think we need more pieces of the puzzle

Can you post your page - it is not clear what the form above is doing and what part it plays. Also need to see the tabs.
0
 

Author Comment

by:sabecs
ID: 41821110
Thanks for your feedback, the form action can be removed, it's just their as an example.

I just need to know how to set the locations select list in Bookly from another select list.
0
 
LVL 59

Expert Comment

by:Julian Hansen
ID: 41821185
Are the entry points free form? In other words does the user type in their location rather than select it from a list?
0
Understanding Web Applications

Without even knowing it, most of us are using web applications on a daily basis. Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We often confuse these web applications tools for websites.  So, what is the difference?

 

Author Comment

by:sabecs
ID: 41821200
Hi Julian, the user would select their location.
0
 
LVL 59

Expert Comment

by:Julian Hansen
ID: 41821210
Then can you show me the real code because the code you posted has this
<input id="my_location" onfocus="if(this.value == 'Enter Location') { this.value = ''; }" type="text" value="Location">

Open in new window

Which implies free form entry.

Also - if the user is selecting the value - why would the select have a location you don't support?
0
 

Author Comment

by:sabecs
ID: 41821375
Thanks Julian for your comments, very much appreciated.
Sorry, the website is under construction and blocked by a plugin to public, I can add your IP address if you would like to view?
"my_location" is coming from an autocomplete jQuery linked to a table that lists every location in Australia by zip/postal code but I need to check if Bookly members service the area selected. I am trying to customized the website/Bookly to check if an area is serviced.
0
 
LVL 59

Expert Comment

by:Julian Hansen
ID: 41821399
my_location" is coming from an autocomplete
Hint: the more information you provide in the beginning the easier it will be to assist you. In future details like this should be included in your opening question :)

Again, I have the same question - if it is an autocomplete - why are you providing options that you may not support?
0
 

Author Comment

by:sabecs
ID: 41825020
Thanks Julian, I am trying to customize the Bookly plugin.

My form will display all zip codes in my country, Bookly plugin will only display areas serviced.
If they select a zip code not in Bookly I want to display a "Sorry, we don't service the location entered" and redirect to another page.

If they do select an area that is serviced by Bookly then I want this selection made from the Dropdown list in Bookly.

I hope that makes sense?
0
 
LVL 59

Accepted Solution

by:
Julian Hansen earned 2000 total points
ID: 41825172
I still think that is problematic. When you provide the user with an option to select his / her ZIP and then after the fact tell him it is not available - it can be annoying.

Is there not some way you can make your autocomplete only show the supported ZIP? Create a service that interrogates Bookly and only presents the available ZIP's.
0
 

Author Comment

by:sabecs
ID: 41828891
I agree with you, it is annoying to tell a user that a zip codes is not available, I already have in place a list in Bookly that only presents available zip codes, but my customers want this option and that is what I have to give them.
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

There are a couple ways to attach a JavaScript function to dynamically created elements. You can make a new script for each element as it’s created or you can use delegation. Delegation allows a single script that is added at page creation to mat…
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…

705 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question