Submit button that has 3 submit buttons as droplist - html

ill be needing your help again. I'm trying to make a drop-list with the use of a submit button. for example, i have a submit button which has a value = CAR
then if i clicked the submit button CARthe other 2 submit button display under the submit button of CAR.

see this link i hope this will help for you jsfiddle.net/2KEVg/2/

Related

Calling validation event of ngNativeValidate on button click

I am trying to call validation event of ngNativeValidate on button click. You can find stackblitz at https://stackblitz.com/edit/angular-v5kuwk?file=src%2Fapp%2Fapp.component.ts
https://angular-v5kuwk.stackblitz.io/
In the stackblitz, "Test" button do not validate min and max value of input text number but submit button does.
How I can resolve this?

Combining GetResponse "Submit" and "Next" buttons

I have a three step sign up form to get people on my GetResponse list.
These three tabs are:
The first tab has a question on how you heard about us, with a "Next" button to take you to the second tab.
The second tab has my GetResponse Form where the user will enter their email address and click on the GetResponse "submit" button to be added to my list. They will then click on the "Next" button to be taken to...
The third tab which has an offer.
Here's the code for my GetResponse Form:
<script type="text/javascript" src="https://app.getresponse.com/view_webform_v2.js?u=cghU&webforms_id=3519704"></script>
Here's the code for the "Next" button which takes you to the next tab:
<tr><td><button class="btn" type="button" onclick="return toggleStep(2)"><span >Next</span></button></td></tr>
What I would like to do is combine this "Submit" button with the "Next" button. In other words, the user provides their email address and clicks on only the "Next" button (without the need to click on the "Submit" button of the GetResponse form). Clicking on this "Next" button will automatically add these people to my GetResponse list and take them to the third tab.
I've tried a number of JavaScript and other "tricks" but nothing seems to work. Is this possible? If so, could you provide me with the code?
Thanks

Listview from a submit button. How to?

I have a textbox and a submit button, and when I click on submit button it should create a table with the inserted items. How can I do that?

Alternative for nested forms

I need nested forms. I know that they are not allowed in HTML, so I decided to set several submit buttons for one opened form.
In my controller I need to check which of the submit buttons is pressed. How can I do that?
I'm trying to give buttons names like this:
<input class="btn btn-primary" name="editAction" type="submit" value="Save"></button>
Then in my controller I check them like this:
if ($this->input->post('editAction'))
But it doesn't work.
If you are bound to have several submit buttons in your form, then you can do 2 things :
1) Convert submit buttons into normal buttons and submit form using ajax. This will solve your problem.
2) Convert submit buttons into normal buttons and maintain a hidden field on your form and onClick event of all buttons, just put the id of the button in that hidden field as a value, and then using jQuery, submit your form and then in your controller, check your hidden field value and then process the form.
if ($this->input->post('hidden_field_name'))

Pressing enter submits HTML form with one input, but not two

Can anyone explain this behavior? Pressing the Enter key in an HTML form's text box submits the form when the form contains a single text box, but not when the form contains two or more text boxes.
jsFiddle (one input): http://jsfiddle.net/gpPTa/
jsFiddle (two inputs): http://jsfiddle.net/fDbJt/
Unfortunately it's a default for the form to submit on enter with only one input.
You can either give each of them an javascript command that submits the form, or place a submit button with width: 0 and/or visibility: none.
For example:
<form>
<input style='width:0; visibility:hidden' type='submit'>
<input>
<input>
</form>
It seems that the browser assumes that since there is only one input, it is also the submit control. Focusing on it and pressing enter will submit the form, the same way as focusing on a submit button will behave.
When you add type="submit" to one of the <inputs>, you can use as many others as you like and the form will be submitted by pressing enter.
I don't have any references to back this up, but it seems logical to me.