¿Puede una opción en una etiqueta de selección tener varios valores?

Obtuve una etiqueta de selección con algunas opciones en un formulario HTML:
(los datos se recopilarán y procesarán usando PHP)

Pruebas:

<select name="Testing">  
  <option value="1"> One  
  <option value="2"> Two  
  <option value="3"> Three
</select>

¿Es posible que una opción lleve varios valores, como cuando un usuario selecciona "Uno", entonces algunos otros valores relacionados con esta opción se escribirán en la base de datos?

¿Cómo debo diseñar la selectetiqueta para que cada una de las opciones pueda tener uno de un valor como este:

<select name="Testing">  
  <option value="1" value="2010"> One  
  <option value="2" value="2122"> Two  
  <option value="3" value="0"> Three
</select>

Una forma de hacer esto, primero una matriz, segundo un objeto:

    <select name="">
        <option value='{"num_sequence":[0,1,2,3]}'>Option one</option>
        <option value='{"foo":"bar","one":"two"}'>Option two</option>
    </select>

Editado (3 años después de responder) para poner ambos valores en formato JSON (usando JSON.stringify()) debido a una queja de que mi respuesta de prueba de concepto "podría confundir a un desarrollador novato".

De hecho, me preguntaba esto hoy, y lo logré usando la función php explode, así:

Formulario HTML (en un archivo que llamé 'doublevalue.php':

    <form name="car_form" method="post" action="doublevalue_action.php">
            <select name="car" id="car">
                    <option value="">Select Car</option>
                    <option value="BMW|Red">Red BMW</option>
                    <option value="Mercedes|Black">Black Mercedes</option>
            </select>
            <input type="submit" name="submit" id="submit" value="submit">
    </form>

Acción PHP (en un archivo que llamé doublevalue_action.php)

    <?php
            $result = $_POST['car'];
            $result_explode = explode('|', $result);
            echo "Model: ". $result_explode[0]."<br />";
            echo "Colour: ". $result_explode[1]."<br />";
    ?>

Como puede ver en la primera parte del código, estamos creando un cuadro de selección HTML estándar, con 2 opciones. Cada opción tiene 1 valor, que tiene un separador (en este caso, '|') para dividir los valores (en este caso, modelo y color).

En la página de acción, exploto los resultados en una matriz y luego llamo a cada uno. Como puede ver, los he separado y etiquetado para que pueda ver el efecto que esto está causando.

Espero que esto ayude a alguien :)

es posible tener varios valores en una opción de selección como se muestra a continuación.

<select id="ddlEmployee" class="form-control">
    <option value="">-- Select --</option>
    <option value="1" data-city="Washington" data-doj="20-06-2011">John</option>
    <option value="2" data-city="California" data-doj="10-05-2015">Clif</option>
    <option value="3" data-city="Delhi" data-doj="01-01-2008">Alexander</option>
</select>

puede obtener el valor seleccionado en el evento de cambio usando jquery como se muestra a continuación.

$("#ddlEmployee").change(function () {
     alert($(this).find(':selected').data('city'));
});

Puedes encontrar más detalles en este ENLACE

una opción es poner varios valores separados por comas

me gusta

value ="123,1234"

y en el lado del servidor separarlos

Cuando necesito hacer esto, hago los otros valores valores de datos y luego uso js para asignarlos a una entrada oculta

<select id=select>
<option value=1 data-othervalue=2 data-someothervalue=3>
//...
</select>

<input type=hidden name=otherValue id=otherValue />
<input type=hidden name=someOtherValue id=someOtherValue />

<script>
$('#select').change(function () {
var otherValue=$(this).find('option:selected').attr('data-othervalue');
var someOtherValue=$(this).find('option:selected').attr('data-someothervalue');
$('#otherValue').val(otherValue);
$('#someOtherValue').val(someOtherValue);
});
</script>

Si su objetivo es escribir esta información en la base de datos, ¿por qué necesita tener un valor principal y valores 'relacionados' en el valueatributo? ¿Por qué no enviar el valor principal a la base de datos y dejar que la naturaleza relacional de la base de datos se encargue del resto?

Si necesita tener varios valores en su OPTIONs, pruebe con un delimitador que no sea muy común:

<OPTION VALUE="1|2010">One</OPTION>

...

o agregue un objeto literal (formato JSON):

<OPTION VALUE="{'primary':'1','secondary':'2010'}">One</OPTION>

...

Realmente depende de lo que intentes hacer.

poner valores para cada opción como

<SELECT NAME="val">
   <OPTION VALUE="1" value="1:2:3:4"> 1-4  
   <OPTION VALUE="2" value="5:6:7:8"> 5-8  
   <OPTION VALUE="3" value="9:10:11:12"> 9-12
</SELECT>

en el lado del servidor en el caso de php, use funciones como explotar [matriz] = explotar ([delímetro], [valor publicado]);

$values = explode(':',$_POST['val']

el código anterior devuelve una matriz que solo tiene los números y el ':' se elimina

Hice esto usando atributos de datos. Es mucho más limpio que otros métodos que intentan explotar, etc.

HTML

<select class="example">
    <option value="1" data-value="A">One</option>
    <option value="2" data-value="B">Two</option>
    <option value="3" data-value="C">Three</option>
    <option value="4" data-value="D">Four</option>
</select>

JS

$('select.example').change(function() {

    var other_val = $('select.example option[value="' + $(this).val() + '"]').data('value');

    console.log(other_val);

});

¿Qué pasa con los atributos de datos html? Esa es la forma más sencilla. Referencia de w3school

En tu caso

$('select').on('change', function() {
  alert('value a is:' + $("select option:selected").data('valuea') +
    '\nvalue b is:' + $("select option:selected").data('valueb')
  )
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<select name="Testing">
  <option value="1" data-valuea="2010" data-valueb="2011"> One
    <option value="2" data-valuea="2122" data-valueb="2123"> Two
      <option value="3" data-valuea="0" data-valueb="1"> Three
</select>

Utilice un delimitador para separar los valores.

<select name="myValues">
<option value="one|two">
</select>

<?php>
$value = filter_input(INPUT_POST, 'myValues');
$exploded_value = explode('|', $value);
$value_one = $exploded_value[0];
$value_two = $exploded_value[1];
?>

En HTML

<SELECT NAME="Testing" id="Testing">  
  <OPTION VALUE="1,2010"> One  
  <OPTION VALUE="2,2122"> Two  
  <OPTION VALUE="3,0"> Three
</SELECT>

Para JS

  var valueOne= $('#Testing').val().split(',')[0];
  var valueTwo =$('#Testing').val().split(',')[1];
  console.log(valueOne); //output 1
  console.log(valueTwo); //output 2010

O PARA PHP

  $selectedValue= explode(',', $value);
  $valueOne= $exploded_value[0]; //output 1
  $valueTwo= $exploded_value[1]; //output 2010

No se permiten parámetros de etiqueta duplicados en HTML. Lo que podrías hacer es VALUE="1,2010". Pero tendría que analizar el valor en el servidor.

En lugar de almacenar las opciones en el lado del cliente, otra forma de hacerlo es almacenar las opciones como elementos de submatriz de una matriz asociativa / indexada en el lado del servidor. Los valores de la etiqueta de selección solo contendrían las claves utilizadas para eliminar la referencia de la submatriz.

Aquí hay un código de ejemplo. Esto está escrito en PHP ya que el OP mencionó PHP, pero se puede adaptar a cualquier lenguaje del lado del servidor que esté utilizando:

<FORM action="" method="POST">
    <SELECT NAME="Testing">  
        <OPTION VALUE="1"> One </OPTION> 
        <OPTION VALUE="2"> Two </OPTION>
        <OPTION VALUE="3"> Three </OPTION>
    </SELECT>
</FORM>

PHP:

<?php
$options = array(
    1 => array('value1' => '1', 'value2' => '2010'),
    2 => array('value1' => '2', 'value2' => '2122'),
    3 => array('value1' => '3', 'value2' => '0'),
);
echo 'Selected option value 1: ' . $options[$_POST['Testing']]['value1'] . '<br>';
echo 'Selected option value 2: ' . $options[$_POST['Testing']]['value2'] . '<br>';

Esto puede ser útil o no para otros, pero para mi caso de uso particular, solo quería que se devolvieran parámetros adicionales desde el formulario cuando se seleccionó la opción; estos parámetros tenían los mismos valores para todas las opciones, así que ... mi solución era incluir entradas ocultas en el formulario con la selección, como:

<FORM action="" method="POST">
    <INPUT TYPE="hidden" NAME="OTHERP1" VALUE="P1VALUE">
    <INPUT TYPE="hidden" NAME="OTHERP2" VALUE="P2VALUE">
    <SELECT NAME="Testing">  
        <OPTION VALUE="1"> One </OPTION> 
        <OPTION VALUE="2"> Two </OPTION>
        <OPTION VALUE="3"> Three </OPTION>
    </SELECT>
</FORM>

Quizás obvio ... más obvio después de verlo.

puedes usar múltiples atributos

<SELECT NAME="Testing" multiple>  
 <OPTION VALUE="1"> One  
 <OPTION VALUE="2"> Two  
 <OPTION VALUE="3"> Three