我目前正在一個(gè)網(wǎng)站上工作，在“日程表”頁面上顯示的任何事件上單擊“注冊”都會(huì)進(jìn)入注冊頁面，其中下拉列表將根據(jù)<select>網(wǎng)址末尾的參數(shù)自動(dòng)選擇一個(gè)值。但是，我很難確保實(shí)際選擇具有基于這些參數(shù)的值的選項(xiàng)。單擊“注冊”按鈕后，盡管 URL 末尾存在參數(shù)，但注冊頁面上的下拉列表不會(huì)顯示任何文本。直播網(wǎng)址： brain-train.com.ph/schedules。（在該頁面的下拉菜單中選擇任何內(nèi)容，然后單擊任何“注冊”按鈕。）JS：$.urlParam = function(name){ var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href); return results[1] || 0;}var service = $.urlParam('service');var batch = $.urlParam('batch');var appendURL = '?service=' + service + '&batch=' + batch;var selectValue = $('.page-enroll .info').data('value');if ( service !== undefined && batch !== undefined ) { $('.page-enroll select[name="batch"]').val(service + '-' + batch);}
2 回答
繁星淼淼
TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超11個(gè)贊
由于您在這里處理的是<option>a 的 s <select>，因此您需要將所選屬性分配給所選屬性。
其次，由于您正在處理<option>s，因此將調(diào)用該屬性value而不是val。（如果您提交了，這一點(diǎn)很重要<form>）
所以，你的代碼將是這樣的：
jQuery('.page-enroll select[name="batch"] option[val="' + service + '-' + batch + '"]').attr("selected", true)在您的網(wǎng)站上進(jìn)行了測試:-)
其他一些小建議：通過使用，location.search您可以只閱讀后面的部分?（也許可以保存一些正則表達(dá)式，例如通過拆分&和=）。
MMMHUHU
TA貢獻(xiàn)1834條經(jīng)驗(yàn) 獲得超8個(gè)贊
您需要有
value自己的選擇 - 不需要難以檢索的數(shù)據(jù)屬性如果你有價(jià)值，這也會(huì)起作用并替換 $.urlParam
如果你沒有價(jià)值（這沒有任何意義），你需要選擇選項(xiàng)，attr("val")但這非常難看
const parms = new URLSearchParams("?service=enrichment&batch=QC1"); // this will be location.search
$(function() {
const value = parms.get("service")+"-"+parms.get("batch");
$("[name=batch]").val(value); // sets the value attribute! val is the jQuery method
// why you do not need data-attributes on the options:
$("[name=batch]").on("change",function() {
const [service, batch] = this.value ? this.value.split("-") : ["",""];
console.log(service,batch);
})
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="batch">
<option selected="" disabled="">Preferred venue and batch</option>
<option disabled="">Grade VI Math Enrichment Program</option>
<option value="enrichment-SR1">Sta. Rosa, Laguna ? Batch 1</option>
<option value="enrichment-QC1">Quezon City ? Batch 1</option>
<option value="enrichment-LB2">Los Ba?os, Laguna ? Batch 2</option>
<option disabled="">High School Entrance Test Review</option>
<option value="hset-LB1">Los Ba?os, Laguna ? PSHS + UPRHS Review – LB1</option>
<option value="hset-SR1">Sta. Rosa, Laguna ? PSHS + UPRHS Review – SR1</option>
<option value="hset-SR2">Sta. Rosa, Laguna ? PSHS + UPRHS Review – SR2</option>
</select>
- 2 回答
- 0 關(guān)注
- 166 瀏覽
添加回答
舉報(bào)
0/150
提交
取消