jQuery use selected value

Question

I have a select box which is created with PHP like:

echo " <option value=\"".$row['CatId']."\">".$row['CatNaam']."</option>";

Where catid is the id which needs to be sent.

Under the select box I have a jQuery clickable div like:

 <div id="addtag" style="cursor: pointer;" onclick="clicktag();">

In my script I have a function clicktag like:

function clicktag()
{
$('#addtag').hide();
alert("Tag added ");
}
</script>

What I want to do is alert the selected value(the catid) so the function must do like:

function clicktag()
{
$('#addtag').hide();
alert("Tag added "+tagid);
}
</script>

But how can I get tagid? I tried a lot of examples but can't get it working.

Anthony Grist · Accepted Answer · 2013-04-04 10:06:34Z

2

You need a reference to the <select> element in order to get its value. How you get that kind of depends on how the HTML looks, but the easiest way is to give it an ID (if it doesn't have one already) and select it using that:

<select name="yourSelect" id="yourSelect">
    // option tags here
</select>

Then the code:

function clicktag() {
    var tagId = document.getElementById('yourSelect').value;
    // the rest of your code
}

answered Apr 4, 2013 at 10:06

Anthony Grist

38.4k8 gold badges64 silver badges76 bronze badges

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

Comments

bipen · Accepted Answer · 2013-04-04 10:05:45Z

1

try val()

function clicktag()
{
 $('#addtag').hide();
 alert("Tag added "+ $('#yourSelectID').val());
}

answered Apr 4, 2013 at 10:05

bipen

36.6k9 gold badges51 silver badges62 bronze badges

Comments

Alvaro · Accepted Answer · 2013-04-04 10:06:08Z

0

Use the change event for the select box:

//where #selectBox is id of your select box
$('#selectBox').change(function() {
    var currentValue = $('#selectBox :selected').val();
    alert(selectVal);
});

answered Apr 4, 2013 at 10:06

Alvaro

41.7k32 gold badges175 silver badges352 bronze badges

Comments

Knelis · Accepted Answer · 2013-04-04 10:06:47Z

0

Use .val() to get the <select> element's current value.

Example:

<select name="mySelectElement" id="selectElement">
    <option value="0">First element</option>
    <option value="1">Second element</option>
    ...
</select>

<script type="text/javascript">
function onClick() {
    alert('The selected value is ' + $('#selectElement').val());
}
</script>

answered Apr 4, 2013 at 10:06

Knelis

7,2292 gold badges40 silver badges59 bronze badges

Comments

M.I.T. · Accepted Answer · 2013-04-04 10:08:12Z

0

 $('#selectBox').live('change',function(){
   var currentValue = $('#selectBox :selected').val();
   alert(selectVal);
});

answered Apr 4, 2013 at 10:08

M.I.T.

1,0422 gold badges17 silver badges34 bronze badges

1 Comment

Anthony Grist Over a year ago

.live() has been deprecated for something like a year (if not longer) and was removed entirely in the version of jQuery released a few months ago. There's also absolutely no reason to use a delegated event handler based on the information in the question.

Leendert · Accepted Answer · 2013-04-04 10:13:18Z

0

The selected value is the catid you say Put it in a var and it will works. you can try to put this in your code

function clicktag()
{
$('#addtag').hide();
 var currentValue = $('#selectBox :selected').val();
   alert(selectVal);

}
</script>

answered Apr 4, 2013 at 10:13

Leendert

1188 bronze badges

Collectives™ on Stack Overflow

jQuery use selected value

6 Answers 6

Comments

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related