Dropdown value to JS variable

Question

I have a select filled from database:

<?php
$query = mysql_query("SELECT * FROM users");
if(mysql_error())
{
print(mysql_error());
}
echo'<select id="dropdown2" id="user_id" name="user_id" data-placeholder="[Select]" class="select" style="width:350px;" tabindex="2")">';
echo'<option value=""></option>';
{
while($row = mysql_fetch_array($query))
echo'<option value="'.$row['user_id'].'">'.$row['user_name'].'</option>';
}
echo'</select>';                                                        
?>

I need to on submit pass dropdown value on js variable

I'm trying in this way, but variable is blank:

<script language="JavaScript">
var dropdown_value = $('#user_id option:selected').val();;
</script>

Any help?

You are using an obsolete database API and should use a modern replacement. — Quentin
– Quentin, Commented Apr 22, 2013 at 5:36
<script language="JavaScript"> — Why HTML 3.2? Wait data-placeholder is HTML 5+ only. Your HTML is just invalid. Validators are really useful tools, you should make more use of them. — Quentin
– Quentin, Commented Apr 22, 2013 at 5:37
Pretty sure the issue is that you need to wrap your code in an event listener for when the value of the dropdown changes. Not enough time right now to code it out but it looks like that code will run once on load (Before the user selects one) then never again. — Chris O'Kelly
– Chris O'Kelly, Commented Apr 22, 2013 at 5:42

Quentin · Accepted Answer · 2013-04-22 05:35:48Z

3

Your select element has two ID attributes: <select id="dropdown2" id="user_id"

This is invalid. Your browser is probably trying to recover from the error by ignoring the second one (which is the one you are trying to access).

Testing your code with a validator would have picked this problem up.

answered Apr 22, 2013 at 5:35

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

Comments

Konstantin Dinev · Accepted Answer · 2013-04-22 05:40:56Z

0

You need to access the value of the <select> and you need to make sure you assign only one id attribute to it because currently there are two:

var dropdown_value = $('#user_id').val();

edited Apr 22, 2013 at 5:40

answered Apr 22, 2013 at 5:30

Konstantin Dinev

35k14 gold badges79 silver badges102 bronze badges

1 Comment

Konstantin Dinev Over a year ago

@Quentin I missed the fact that there are two different id attributes on the same elements. +1 for you

Faryab · Accepted Answer · 2013-04-22 05:41:42Z

-1

first of all make the first one option's value outside the while loop 0 then in jquery function var dropdown = $('#dropdown2 option:selected').val();

answered Apr 22, 2013 at 5:41

Faryab

12 bronze badges

Collectives™ on Stack Overflow

Dropdown value to JS variable

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related