how to show product value

I have a table with the product name in 1st col and its price in the second column,

<select id="dropdown">
  <option value="1.00">$1.00</option>
  <option value="12.43">$12.43</option>
  <option value="37.21">$37.21</option>
</select>

    <label>price/label>
<input type='text' name='price' required class='form-control'>
                    

want to choose a product from 1st dropdown and show its non-editable value in the text box in front of the dropdown item, how this can be done

dropdown(prodcut1,product2), and in the text box in front of this is price based on product 1 or product 2

thanks