MGD

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <select id="tipe_hp">
        <option value="Apple">Apple</option>
        <option value="Samsung">Samsung</option>
    </select><br/><br/>

    <select id="jenis_case">
        <option value="Softcase">Softcase</option>
        <option value="Hardcase">Hardcase</option>
    </select><br/><br/>

    <button id="ref-wa">Klik Disini</button>

    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

    <script>
        $('#ref-wa').on('click', function(event) {
            let no_hp = "6281285385123"
            let ori_link = `https://api.whatsapp.com/send?phone=${no_hp}&text=`

            let tipe_hp = $("select#tipe_hp option:selected").text()
            let jenis_case = $("select#jenis_case option:selected").text()

            let pesanan = encodeURIComponent("Tipe HP = " + tipe_hp + " Jenis Case = " + jenis_case)
            let link = ori_link + pesanan

            window.open(link, "_blank")
        });
    </script>
</body>
</html>