Not able to get value from dropDown when clicking ENTER
I've been trying to get this to work for hours now, but still no luck :(. I have this basic reactive form that if I either hit "ENTER" or click on "Search" button I can see the result of the form values in the console.
Issue:
1) When I select a value from dropDown and then hit Enter right away I can't console out the form values, but if I type either firstName or Lastname and then hit ENTER it works.
Here my CODE: LIVE DEMO
Thanks a lot in advance!!
javascript angular typescript primeng
asked Nov 13 '18 at 19:56
progxprogx
328522
add a comment |
I've been trying to get this to work for hours now, but still no luck :(. I have this basic reactive form that if I either hit "ENTER" or click on "Search" button I can see the result of the form values in the console.
Issue:
1) When I select a value from dropDown and then hit Enter right away I can't console out the form values, but if I type either firstName or Lastname and then hit ENTER it works.
Here my CODE: LIVE DEMO
Thanks a lot in advance!!
javascript angular typescript primeng
asked Nov 13 '18 at 19:56
progxprogx
328522
add a comment |
I've been trying to get this to work for hours now, but still no luck :(. I have this basic reactive form that if I either hit "ENTER" or click on "Search" button I can see the result of the form values in the console.
Issue:
1) When I select a value from dropDown and then hit Enter right away I can't console out the form values, but if I type either firstName or Lastname and then hit ENTER it works.
Here my CODE: LIVE DEMO
Thanks a lot in advance!!
javascript angular typescript primeng
asked Nov 13 '18 at 19:56
progxprogx
328522
I've been trying to get this to work for hours now, but still no luck :(. I have this basic reactive form that if I either hit "ENTER" or click on "Search" button I can see the result of the form values in the console.
Issue:
1) When I select a value from dropDown and then hit Enter right away I can't console out the form values, but if I type either firstName or Lastname and then hit ENTER it works.
Here my CODE: LIVE DEMO
Thanks a lot in advance!!
javascript angular typescript primeng
javascript angular typescript primeng
asked Nov 13 '18 at 19:56
progxprogx
328522
asked Nov 13 '18 at 19:56
progxprogx
328522
edited Nov 13 '18 at 22:11
progx
asked Nov 13 '18 at 19:56
progxprogx
328522
asked Nov 13 '18 at 19:56
progxprogx
328522
asked Nov 13 '18 at 19:56
progxprogx
328522
328522
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
The issue with primeng dropdown p-dropdown. By default enter doesn't work how a standard select box work.
To get this fix you can use (keyup.enter) in p-dropdown.
<p-dropdown (keyup.enter)="onFormSubmit($event)" [options]="cities" formControlName="currentCity" placeholder = "city" optionLabel="label"></p-dropdown>
working copy is here - https://stackblitz.com/edit/angular-k7o6r7
answered Nov 13 '18 at 20:18
Sunil SinghSunil Singh
6,2572626
Thank you for your help bro!
– progx
Nov 13 '18 at 21:57
add a comment |
Just a little change in onFormSubmit.
See here:
enter image description here
https://stackblitz.com/edit/angular-zous5f
answered Nov 13 '18 at 20:36
Max HesariMax Hesari
32
You can insert pictures into the post without linking them. It would be helpful to do so.
– ritlew
Nov 13 '18 at 21:29
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53288567%2fnot-able-to-get-value-from-dropdown-when-clicking-enter%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
The issue with primeng dropdown p-dropdown. By default enter doesn't work how a standard select box work.
To get this fix you can use (keyup.enter) in p-dropdown.
<p-dropdown (keyup.enter)="onFormSubmit($event)" [options]="cities" formControlName="currentCity" placeholder = "city" optionLabel="label"></p-dropdown>
working copy is here - https://stackblitz.com/edit/angular-k7o6r7
answered Nov 13 '18 at 20:18
Sunil SinghSunil Singh
6,2572626
Thank you for your help bro!
– progx
Nov 13 '18 at 21:57
add a comment |
The issue with primeng dropdown p-dropdown. By default enter doesn't work how a standard select box work.
To get this fix you can use (keyup.enter) in p-dropdown.
<p-dropdown (keyup.enter)="onFormSubmit($event)" [options]="cities" formControlName="currentCity" placeholder = "city" optionLabel="label"></p-dropdown>
working copy is here - https://stackblitz.com/edit/angular-k7o6r7
answered Nov 13 '18 at 20:18
Sunil SinghSunil Singh
6,2572626
Thank you for your help bro!
– progx
Nov 13 '18 at 21:57
add a comment |
The issue with primeng dropdown p-dropdown. By default enter doesn't work how a standard select box work.
To get this fix you can use (keyup.enter) in p-dropdown.
<p-dropdown (keyup.enter)="onFormSubmit($event)" [options]="cities" formControlName="currentCity" placeholder = "city" optionLabel="label"></p-dropdown>
working copy is here - https://stackblitz.com/edit/angular-k7o6r7
answered Nov 13 '18 at 20:18
Sunil SinghSunil Singh
6,2572626
The issue with primeng dropdown p-dropdown. By default enter doesn't work how a standard select box work.
To get this fix you can use (keyup.enter) in p-dropdown.
<p-dropdown (keyup.enter)="onFormSubmit($event)" [options]="cities" formControlName="currentCity" placeholder = "city" optionLabel="label"></p-dropdown>
working copy is here - https://stackblitz.com/edit/angular-k7o6r7
answered Nov 13 '18 at 20:18
Sunil SinghSunil Singh
6,2572626
answered Nov 13 '18 at 20:18
Sunil SinghSunil Singh
6,2572626
answered Nov 13 '18 at 20:18
Sunil SinghSunil Singh
6,2572626
answered Nov 13 '18 at 20:18
Sunil SinghSunil Singh
6,2572626
6,2572626
Thank you for your help bro!
– progx
Nov 13 '18 at 21:57
add a comment |
Thank you for your help bro!
– progx
Nov 13 '18 at 21:57
Thank you for your help bro!
– progx
Nov 13 '18 at 21:57
Thank you for your help bro!
– progx
Nov 13 '18 at 21:57
add a comment |
Just a little change in onFormSubmit.
See here:
enter image description here
https://stackblitz.com/edit/angular-zous5f
answered Nov 13 '18 at 20:36
Max HesariMax Hesari
32
You can insert pictures into the post without linking them. It would be helpful to do so.
– ritlew
Nov 13 '18 at 21:29
add a comment |
Just a little change in onFormSubmit.
See here:
enter image description here
https://stackblitz.com/edit/angular-zous5f
answered Nov 13 '18 at 20:36
Max HesariMax Hesari
32
You can insert pictures into the post without linking them. It would be helpful to do so.
– ritlew
Nov 13 '18 at 21:29
add a comment |
Just a little change in onFormSubmit.
See here:
enter image description here
https://stackblitz.com/edit/angular-zous5f
answered Nov 13 '18 at 20:36
Max HesariMax Hesari
32
Just a little change in onFormSubmit.
See here:
enter image description here
https://stackblitz.com/edit/angular-zous5f
answered Nov 13 '18 at 20:36
Max HesariMax Hesari
32
answered Nov 13 '18 at 20:36
Max HesariMax Hesari
32
answered Nov 13 '18 at 20:36
Max HesariMax Hesari
32
answered Nov 13 '18 at 20:36
Max HesariMax Hesari
32
32
You can insert pictures into the post without linking them. It would be helpful to do so.
– ritlew
Nov 13 '18 at 21:29
add a comment |
You can insert pictures into the post without linking them. It would be helpful to do so.
– ritlew
Nov 13 '18 at 21:29
You can insert pictures into the post without linking them. It would be helpful to do so.
– ritlew
Nov 13 '18 at 21:29
You can insert pictures into the post without linking them. It would be helpful to do so.
– ritlew
Nov 13 '18 at 21:29
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53288567%2fnot-able-to-get-value-from-dropdown-when-clicking-enter%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
