CODEWITHSUNDEEP
phphtmlpost
gelviis
gelviis

Reputation: 458

How to post two values in an option field?

I'd like to post two values in one drop down option and I'm not sure about the best way to approach it.

The drop down list pulls data in from an external service. This data is 'id' and 'name'.

When I select an option in the drop down and then press submit I want the 'id' and the 'name' to be posted.

My code looks like this:

<select name="data">
<option>Select a name</option>
<?php foreach($names as $name): ?>
    <option value="<?php echo $name['id']);?>">
       <?php echo $name['name']);?>
    </option>               
<?php endforeach; ?>
</select>

I've tried putting in a hidden input field, but that then doesn't render out the drop down (instead it just creates a list).

I am using both the id and name elsewhere, so I don't want to have to post just the id and then have to get the name again, hence I want to post both of them at the same time.

Any recommendations?

Upvotes: 3

Views: 18958

Answers (6)

rahulbhondave
rahulbhondave

Reputation: 186

We can pass it with data attribute, and can access in js,

<option value="<?php echo $name['id']);?>" data-name="<?php echo $name['name']);?>">One</OPTION>

var name = $(this).find(':selected').data('name');

Upvotes: 0

dminorstudio
dminorstudio

Reputation: 11

You may add a hidden field with the name "id" and then bind an onchange event listener to the <select>. inside the onchange function, get the value of the <select> and assign it to the "id" field.

<form>
<select name="name" onchange="document.getElementById('id').value=this.value">
  <!--
    ...
    options
    ...
  -->
</select>
<input type="hidden" name="id" id="id" />
<input type="submit" />
</form>

Upvotes: 1

Flo Edelmann
Flo Edelmann

Reputation: 2613

You could make as many hidden inputs as there are options, each with the name of one option value. The input's values are the contents of the options. In the second script, you can look for the dropdown value, and then take the value of the hidden input with that name.

Upvotes: 0

Kibbee
Kibbee

Reputation: 66132

The only way to do this is to include both pieces of information in the value for the single option. Just use code like the following, and then when you get the value back, split the string at the first underscore to separate out the values.

<select name="data">
<option>Select a name</option>
<?php foreach($names as $name): ?>
    <option value="<?php echo $name['id'] . "_" . $name['name']);?>">
       <?php echo $name['name']);?>
    </option>               
<?php endforeach; ?>
</select>

Also, you could just leave the ID alone in your form, and then look up the id again when the user submits the form.

Upvotes: 0

nico
nico

Reputation: 51670

You could output something like:

<option value="<?php echo $name['id']."_".$name['name'];?>">

Then use preg_splitor explode to separate the two once the form data is processed.

Upvotes: 0

Michael Berkowski
Michael Berkowski

Reputation: 270677

You cannot post two values unless both of them appear in the value attribute. You can place both in, separated by a comma or hyphen and explode() them apart in PHP:

// Place both values into the value attribute, separated by "-"
<option value="<?php echo $name['id'] . "-" . $name['name']);?>">
   <?php echo $name['name']);?>
</option>

Receiving them in PHP

// split the contents of $_POST['data'] on a hyphen, returning at most two items
list($data_id, $data_name) = explode("-", $_POST['data'], 2);

echo "id: $data_id, name: $data_name";

Upvotes: 12

Related Questions