2 name and value attribute in one select

Question

I have database that have users ID,name,shopCode.

what I am looking for is when the user select the supervisor, also will get shopCode value for selected supervisor. Is there way to have 2 name and 2 value attribute in select tag ?

  <select name="supervisor_ID shopCode_ID" id="supervisor_ID shopCode_ID">
    <% for (const i in supervisor) { %>
      <option value="<%= supervisor[i].id supervisor[i].shopCode%>"> <%= supervisor[i].name %> </option>
      <% } %>
 
  </select>

You need not set the shopCode as a part of the value but instead as part of the text like "Supervisor1 -- Shop2" — Siddharth Seth, Mar 08 '22 at 07:05

score 1 · Answer 1 · answered Mar 08 '22 at 07:08

You can use data attribute for additional information like below

<select id="select">
  <option value="1" data-foo="dogs">this</option>
  <option value="2" data-foo="cats">that</option>
  <option value="3" data-foo="gerbils">other</option>
</select>

score 0 · Answer 2 · answered Mar 08 '22 at 07:33

0

You can set both the values with a seperator and then split up the seperator to get the values. For example:

let selectbox = document.querySelector('select');
selectbox.addEventListener('change', function(e) {
  let val = this.value.split(':');
  alert(`Supervisor ID: ${val[0]} Shopcode ID: ${val[1]}`);
})

 <select name="supervisor_ID shopcode_ID" id="supervisor_ID shopcode_ID">
     <option selected disabled>Select a supervisor</option>
     <option value="505:1">Mr. Supervisor 505</option>
     <option value="506:121">Mr. Supervisor 506</option>
     <option value="505:134">Mr. Supervisor 505</option>
 </select>

you can then use javascript to get the values.

answered Mar 08 '22 at 07:33

Joy Dey

563
1
5
17

This is great idea, but how to apply this in nodejs code – Fahd Mar 08 '22 at 07:43
You mean the event listener? – Joy Dey Mar 08 '22 at 07:47
no, javascript is clear. how in in HTML ? "<%= supervisor[i].id supervisor[i].shopCode%>"> – Fahd Mar 08 '22 at 07:49
https://stackoverflow.com/questions/6297262/how-to-concatenate-a-string-in-el this answer may help you understand this – Joy Dey Mar 08 '22 at 08:00

2 name and value attribute in one select

2 Answers2