option data-url使用-CSDN博客

本文链接：https://blog.csdn.net/qq_40320447/article/details/133053657

 <tbody>
                            <tr>
                                <td>7天公考面授集训营<br>(国考/省考/选调生 备考)</td>
                                <td>10.1-10.7(7天)<br>9:00-12:00;14:00-17:00</td>
                                <td>
                                    <p>1天言语</p>
                                    <p>2天数资</p>
                                    <p>1天判断</p>
                                    <p>2天申论</p>
                                    <p>1天模考</p>
                                </td>
                                <td>
                                    <select name="" id="" class="table-prov1">
                                        <option value="请选择省份">请选择地市</option>
                                        <option value="福州"
                                            data-url="https://m.xue.huatu.com/fx/index/detail/78115?t=ICx3VcNBh31j6LvNv0jA6g==&utm_campaign=%E5%8D%8E%E5%9B%BE%E5%B0%8F%E5%BA%97&utm_term=%E5%9B%BE%E7%89%87%E4%BA%8C%E7%BB%B4%E7%A0%81">
                                            福州</option>
                                        <option value="宁德"
                                            data-url="https://m.xue.huatu.com/fx/index/detail/78115?t=ICx3VcNBh31j6LvNv0jA6g==&utm_campaign=%E5%8D%8E%E5%9B%BE%E5%B0%8F%E5%BA%97&utm_term=%E5%9B%BE%E7%89%87%E4%BA%8C%E7%BB%B4%E7%A0%81">
                                            宁德</option>
                                        <option value="南平"
                                            data-url="https://m.xue.huatu.com/fx/index/detail/78115?t=ICx3VcNBh31j6LvNv0jA6g==&utm_campaign=%E5%8D%8E%E5%9B%BE%E5%B0%8F%E5%BA%97&utm_term=%E5%9B%BE%E7%89%87%E4%BA%8C%E7%BB%B4%E7%A0%81">
                                            南平</option>
                                        <option value="三明"
                                            data-url="https://m.xue.huatu.com/fx/index/detail/78115?t=ICx3VcNBh31j6LvNv0jA6g==&utm_campaign=%E5%8D%8E%E5%9B%BE%E5%B0%8F%E5%BA%97&utm_term=%E5%9B%BE%E7%89%87%E4%BA%8C%E7%BB%B4%E7%A0%81">
                                            三明</option>
                                        <option value="莆田"
                                            data-url="https://m.xue.huatu.com/fx/index/detail/78115?t=ICx3VcNBh31j6LvNv0jA6g==&utm_campaign=%E5%8D%8E%E5%9B%BE%E5%B0%8F%E5%BA%97&utm_term=%E5%9B%BE%E7%89%87%E4%BA%8C%E7%BB%B4%E7%A0%81">
                                            莆田</option>

                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td>7天事考面授集训营<br>事业单位备考</td>
                                <td>10.1-10.7(7天)<br>9:00-12:00;14:00-17:00</td>
                                <td>
                                    <p>1天言语</p>
                                    <p>2天数资</p>
                                    <p>1天判断</p>
                                    <p>2天公基</p>
                                    <p>1天模考</p>
                                </td>
                                <td>
                                    <select name="" id="" class="table-prov2">
                                        <option value="请选择省份">请选择地市</option>
                                        <option value="福州"
                                            data-url="https://m.xue.huatu.com/fx/index/detail/78123?t=+32pid6GEYYaiwGDEWr6cg==&utm_campaign=%E5%8D%8E%E5%9B%BE%E5%B0%8F%E5%BA%97&utm_term=%E9%93%BE%E6%8E%A5">
                                            福州</option>
                                        <option value="宁德"
                                            data-url="https://m.xue.huatu.com/fx/index/detail/78123?t=+32pid6GEYYaiwGDEWr6cg==&utm_campaign=%E5%8D%8E%E5%9B%BE%E5%B0%8F%E5%BA%97&utm_term=%E9%93%BE%E6%8E%A5">
                                            宁德</option>
                                        <option value="南平"
                                            data-url="https://m.xue.huatu.com/fx/index/detail/78123?t=+32pid6GEYYaiwGDEWr6cg==&utm_campaign=%E5%8D%8E%E5%9B%BE%E5%B0%8F%E5%BA%97&utm_term=%E9%93%BE%E6%8E%A5">
                                            南平</option>
                                        <option value="三明"
                                            data-url="https://m.xue.huatu.com/fx/index/detail/78123?t=+32pid6GEYYaiwGDEWr6cg==&utm_campaign=%E5%8D%8E%E5%9B%BE%E5%B0%8F%E5%BA%97&utm_term=%E9%93%BE%E6%8E%A5">
                                            三明</option>
                                        <option value="莆田"
                                            data-url="https://m.xue.huatu.com/fx/index/detail/78123?t=+32pid6GEYYaiwGDEWr6cg==&utm_campaign=%E5%8D%8E%E5%9B%BE%E5%B0%8F%E5%BA%97&utm_term=%E9%93%BE%E6%8E%A5">
                                            莆田</option>

                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td>金领集训营(面授)<br>银行秋招/央行备考</td>
                                <td>10.1-10.4(4天)<br>9:00-12:00;14:00-17:00</td>
                                <td>
                                    <p>1天言语</p>
                                    <p>2天数资</p>
                                    <p>1天判断</p>
                                    <p>1天模考</p>
                                </td>
                                <td>
                                    <select name="" id="" class="table-prov3">
                                        <option value="请选择省份">请选择地市</option>
                                        <option value="福州"
                                            data-url="https://m.xue.huatu.com/fx/index/detail/78129?t=raq534ya71Bk6SbQaaogaA==&utm_campaign=%E5%8D%8E%E5%9B%BE%E5%B0%8F%E5%BA%97&utm_term=%E5%9B%BE%E7%89%87%E4%BA%8C%E7%BB%B4%E7%A0%81">
                                            福州</option>
                                        <option value="宁德"
                                            data-url="https://m.xue.huatu.com/fx/index/detail/78129?t=raq534ya71Bk6SbQaaogaA==&utm_campaign=%E5%8D%8E%E5%9B%BE%E5%B0%8F%E5%BA%97&utm_term=%E5%9B%BE%E7%89%87%E4%BA%8C%E7%BB%B4%E7%A0%81">
                                            宁德</option>
                                        <option value="南平"
                                            data-url="https://m.xue.huatu.com/fx/index/detail/78129?t=raq534ya71Bk6SbQaaogaA==&utm_campaign=%E5%8D%8E%E5%9B%BE%E5%B0%8F%E5%BA%97&utm_term=%E5%9B%BE%E7%89%87%E4%BA%8C%E7%BB%B4%E7%A0%81">
                                            南平</option>
                                        <option value="三明"
                                            data-url="https://m.xue.huatu.com/fx/index/detail/78129?t=raq534ya71Bk6SbQaaogaA==&utm_campaign=%E5%8D%8E%E5%9B%BE%E5%B0%8F%E5%BA%97&utm_term=%E5%9B%BE%E7%89%87%E4%BA%8C%E7%BB%B4%E7%A0%81">
                                            三明</option>
                                        <option value="莆田"
                                            data-url="https://m.xue.huatu.com/fx/index/detail/78129?t=raq534ya71Bk6SbQaaogaA==&utm_campaign=%E5%8D%8E%E5%9B%BE%E5%B0%8F%E5%BA%97&utm_term=%E5%9B%BE%E7%89%87%E4%BA%8C%E7%BB%B4%E7%A0%81">
                                            莆田</option>

                                    </select>
                                </td>
                            </tr>
                        </tbody>
                    </table>

$(".table-prov1").change(function () {
    if ($(".table-prov1").find("option:checked").val() == '请选择地市') {
        return
    }
    if($(window).width() < 1200) {
        window.location.href=$(".table-prov1").find("option:checked").attr('data-url'); 
    } else {
        window.open($(".table-prov1").find("option:checked").attr('data-url'));
    }
})
$(".table-prov2").change(function () {
    if ($(".table-prov2").find("option:checked").val() == '请选择地市') {
        return
    }
    if($(window).width() < 1200) {
        window.location.href=$(".table-prov2").find("option:checked").attr('data-url'); 
    } else {
        window.open($(".table-prov2").find("option:checked").attr('data-url'));
    }
})
$(".table-prov3").change(function () {
    if ($(".table-prov3").find("option:checked").val() == '请选择地市') {
        return
    }
    if($(window).width() < 1200) {
        window.location.href=$(".table-prov3").find("option:checked").attr('data-url'); 
    } else {
        window.open($(".table-prov3").find("option:checked").attr('data-url'));
    }
})