App Inventor and HTML/JavaScript with Input Parameters

Multiple Choice Select: a Listpicker alternative for App Inventor

Meanwhile we have different possibilities in App Inventor to pick an item from a list: listpicker, listview and spinner. But we only can select one item! The solution presented here offers a multiple choice combobox.

The user can select multiple items. The selected item id(s) will be displayed in this example in a label in csv format. Thank you DaveRandom! and JohnP! Your JavaScript example and JQuery snippet helped me to set up this solution.

Using the WebViewString property means, there is no download of files necessary anymore, all required libraries and the HTML/JavaScript file are uploaded as assets into the app.

The tools extension offers the method PathToAssets which always returns the correct path to the assets.

Screenshots

By the way: the Cancel button changes automatically according to the language of the device. So if you use e.g. German as language, you will get an "Abbrechen" button instead.

App Inventor Blocks

Questions and Answers

Q1: How do I change the initial lists? For example, I want to delete "five cats" and "one elephant" to other things like "spanish" and "french"?
A: Learn How to work with Lists (by Saj) and How to work with Lists and Lists of lists (pdf) (by appinventor.org)

Q2: After clicking "ok", the "selected ids" display numbers "1,2", but I want it to display the actual items like "five cats" and "one elephant", so how should I do that?
A: use select list item blocks and display the corresponding items from the list. Please do the tutorials to learn the basics, see also Top 5 Tips: How to learn App Inventor

Download

You can test with the apk file, which is available for download here: Download apk file

Buy the source code for App Inventor

You can buy the source code of this project.
With your payment you accept the terms and conditions below.

Payment options

After having received your payment I will be happy to send the download link to you. Please let me know your Google account! I usually will send the download link not later than 24 hours after having received your payment.

Thank you! Taifun

Terms and Conditions

• You have tested the example successfully on your device before buying it.
• You can use the example in as many projects as you like and pass the generated apk files to as much end users as you like, also of course you can publish your apk files to Google Play and other services
• This is a single user license for you as App Inventor developer, which means, the aia file is only for you to use. You are not allowed to pass the aia file to someone else.
• There are a lot of different Android devices available in the market. I'm not able to test the example on all these devices and therefore also can not guarantee, that the example is running on your device.
• THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Back to top of page ...