これに似たものを実装しました(こちらを参照)
<div class="styled-select">
<select name="options[22]">
<option value="57">SA Postal (Free)</option>
<option value="56">Registered Mail (+ R22 pm)</option>
<option value="53">Door to Door (+ R30 pm)</option>
</select>
</div>
管理パネル (バックエンド) に移動し、[カタログ] -> [製品の管理] を選択します。カスタムリンクを作成する製品を選択します。カスタムオプションに移動します。「要素を検査」するか、ページのソース コードを表示すると、次のことがわかります。
<tr id="product_option_22_select_53"><td><input type="hidden" name="product[options][22][values][53][option_type_id]" value="53">
これらの値を一致させるだけでよいことがわかります。この場合、options[22] はどのオプションで、53 は「Delivery Type」と「Door to Door」の値です。
製品ページを見て、製品ページのフォーム (カタログ/製品/ビュー) がどのように見えるかを確認し、製品オプションを見てください。