将选项中的“名称”文本传递给php表单

Question

Is there a way to pass the text in the name of the <option> to a php from?

<form action="process.php" method="post">
<select name="select1">
    <option value="1" name="apple">APPLE</option>
    <option value="2" name="lemon">LEMON</option>
    <option value="3" name="grapes">GRAPES</option>
</select>
<input type="submit" value="submit"/>
</form>

I want to get the fruits name in simple or capital passed to the php from.

I cannot change the values in the select tag because they are used for another function.

I've searched so many sites but all they say is about passing the text of the value, but not the text of the name.

Answer 1

There is no attribute name in <option> tag

My Code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<form action="process.php" method="post">
<select name="select1" id="select1">
    <option value="1" name="apple">APPLE</option>
    <option value="2" name="lemon">LEMON</option>
    <option value="3" name="grapes">GRAPES</option>
</select>
<input type="hidden" id="hidField" name="xyz" value="" />
<input type="submit" value="submit" />
</form>
<script>
//function test(){
    var select1= document.getElementById("select1");
    $("#select1").change(function(){
      //alert(select1.options[select1.selectedIndex].text);
      //alert(select1.options[select1.selectedIndex].getAttribute("name"));
      var res=select1.options[select1.selectedIndex].getAttribute("name");
      document.getElementById('hidField').value=res;   //Javascript code
      //$('#hidField').val(res);  //Jquery code
      return false;
    });
//}
</script>

If you are sure want to name field is must there please use getAttribue("name") instead of text

Code:

alert(select1.options[select1.selectedIndex].getAttribute("name"));

Want to get inner data of the <option> tag

Code:

alert(select1.options[select1.selectedIndex].text);