You can do this with JavaScript.  Don't use `data-toggle="modal" data-target="#Modal"` because that's for the default case and in this scenario we'll want to roll our own.

You can have a regular button trigger like this:



    
    <button class="btn btn-primary btn-lg" id="launchModal">
        Launch demo modal 
    </button>

Then tap into the `click` event for it.  The jQuery event object will expose the current keypress at the time of the event.  Use those to choose whatever modal you would like.



    $("#launchModal").click(function(e) {
        if (e.ctrlKey) {
            $('#ctrlModal').modal('show');

        } else if (e.altKey) {
            $('#altModal').modal('show');

        } else if (e.shiftKey) {
            $('#shiftModal').modal('show');

        } else {
            $('#regModal').modal('show');
        }    
    });

Then just setup whatever modals you'd like to open

## [Working Demo in jsFiddle][fiddle]



[fiddle]: http://jsfiddle.net/KyleMit/d0dopee2/

This might be a long shot and not possible but I had the idea and thought I'd ask.

I am using Bootstrap and have the below button which shows a login modal for users.

    
    <div class="btn-group">
      <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#Modal">
        Login
      </button>
    </div>

Is it possible that if a keyboard key is held down whilst this button is pressed then it would show another modal, for example `data-toggle="modal" data-target="#AdminModal">`?

Bootstrap show different modal if a keyboard key is held down whilst button is pressed

If you want an action on one page to affect another you **must** persist that information somewhere, and then access that information when you're building the new page.  

How you implement that depends on your technology stack and your use case and tons of other factors. Learning about each of those implementations are their own specific questions in and of themselves, but here are you two basic options:

1. **Server** - When someone clicks on an item - send an [AJAX message][1] back to the server.  Save that value either in your application session within the web app or in your database.  When a client requests the second page, check if there are any values to load in.
2. **Client** - Persist on the client with [localStorage or sessionStorage][2].  Then when the new page loads, load that information as well.

[1]: https://developer.mozilla.org/en-US/docs/AJAX
[2]: https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API

I get some values from a database query (mysql). These values become saved into an array. With foreach I can display each row from the mysql table which complies the term. Now my question is how can I display specific value pairs on another page when the user click the list item?

e.g.

    <a href="#" class="list-group-item ">
    	<h4 class="list-group-item-heading">Noob</h4>
    	<p class="list-group-item-text">Hi I am new at stackoverflow...</p>
    </a>

In this case on another page should be displayed "Noob" and "Hi I am...".
This should work for every list item. I search the web for any days but doesnt found something helpful.

    <?php include( "list.php"); ?>
    <div class="list-group">
        <?php foreach ($result as $key=>$row): ?> <a href="#" class="list-group-item ">
            <h4 class="list-group-item-heading"><?php echo $row['title']; ?></h4>
            <p class="list-group-item-text">
              <?php echo $row['description']; ?>
                </p>
              </a>    
        <?php endforeach; ?>
    </div>

Get values of row with foreach when click list item

No need for an extension - the [PHP CLI][1] actually comes with a [built-in webserver][2]

Just run the following command:


```bash
php -S localhost:2222
```

If you really wanted to bake this into VSCode, you could add a [task][3] to execute it for you.

[1]: https://www.php.net/manual/en/features.commandline.options.php
[2]: https://www.php.net/manual/en/features.commandline.webserver.php
[3]: https://code.visualstudio.com/docs/editor/tasks#_custom-tasks

I am trying to develop web pages with `php` calls using `vscode` and `vscode live server`.  I have installed live server and it works fine with html/css/js.    However if the code I'm developing refers to a .php file, I just get the text of the php file, it is not executed by the server.  I did find `live-server-web-extensions` which installs into the chrome browser, presumably to do a reload when the php files are modified as well.

So what I need to know is: How do I configure the server to process php files?  I do have php.exe on my system, and if I used the php browser, things work fine.  But I'd like to use vscode and live server for development, and I'm missing the secret sauce.  I'm am using the Chrome browser and Windows 10.