Get Selected value in <a> angularJS

Question

I am trying to get the selected value from a dropdown menu. I always get the error of missing ng-model.

I tried to pass the selected value in the ng-click but it didn't work.

Here's my dropdown menu

<ul class="dropdown-menu">
      <li><a  href=""   ng-click="dropboxitemselected(xx)" >Cible</a></li>
      <li><a href="" ng-click="marque()">Marque</a></li>
      <li><a href="" ng-model="modele()">Modéle</a></li>
      <li><a href=""  ng-model="calculateur()">Calculateur</a></li>             
</ul>

And here my controller

$scope.dropboxitemselected = function (x) {
    alert(x);

}

I need the selected value as I am going to insert the value into an API then resend the data selected.

i think it should be binded in li tag

Jairo Malanay
– Jairo Malanay

2016-04-11 09:56:31 +00:00
Commented Apr 11, 2016 at 9:56 — Jairo Malanay
– Jairo Malanay, Commented Apr 11, 2016 at 9:56

Arizona2014 · Accepted Answer · 2016-04-11 09:56:17Z

2

Its enough to change xx to 'cible' like this :

<ul class="dropdown-menu">
  <li><a  href=""   ng-click="dropboxitemselected('cible')" >Cible</a></li>
  <li><a href="" ng-click="marque()">Marque</a></li>
  <li><a href="" ng-model="modele()">Modéle</a></li>
  <li><a href=""  ng-model="calculateur()">Calculateur</a></li>             
</ul>

And you'll see an alert saying 'cible' on your page when clicked first link.

Dis moi si ça marché pour toi.

answered Apr 11, 2016 at 9:56

Arizona2014

1,3472 gold badges18 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

shershen · Accepted Answer · 2016-04-11 10:02:29Z

1

If you need to know which of the items is selected you need to add ng-click="dropboxitemselected('POINT_NAME_HERE')" to each of them:

<ul class="dropdown-menu">
  <li><a href="" ng-click="dropboxitemselected('cible')">Cible</a></li>
  <li><a href="" ng-click="dropboxitemselected('Marque')">Marque</a></li>
  <li><a href="" ng-click="dropboxitemselected('Modéle')">Modéle</a></li>
  <li><a href="" ng-click="dropboxitemselected('Calculateur')">Calculateur</a></li>             
</ul>

Aside from that, ngModel, is something different from click event handler.

answered Apr 11, 2016 at 10:02

shershen

10k11 gold badges44 silver badges62 bronze badges

Comments

Nikhil Maheshwari · Accepted Answer · 2016-04-11 10:11:08Z

0

Just add quotes if you are willing to send a static value, else send a scope varibale.

<div ng-controller="Ctrl" >
    <ul class="dropdown-menu">
      <li><a  href=""   ng-click="dropboxitemselected('xx')" >Cible</a></li>
      <li><a href="" ng-click="marque()">Marque</a></li>
      <li><a href="" ng-model="modele()">Modéle</a></li>
      <li><a href=""  ng-model="calculateur()">Calculateur</a></li>             
</ul>
<div>

JsFiddle : http://jsfiddle.net/t6ncvg5w/

answered Apr 11, 2016 at 10:11

Nikhil Maheshwari

2,24821 silver badges26 bronze badges

Collectives™ on Stack Overflow

Get Selected value in <a> angularJS

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related