我有這個表格，我無法更改它的任何內容（id、vals 等），因為它是由我的網站構建器自動生成的。是否可以使用代碼甚至更好，只需使用 URL 自動選擇一個選項？例如，使用 URL
https://mywebsite.com/GCValue=50/
選擇50下面表格中的選項，而不是10默認設定的選項？我是 JS 和 JQuery 的初學者，所以如果可能的話，我很樂意使用它們并在此程序中學習一些相關知識。
<select id=GCValue>
<option val="10">10</option>
<option val="25">25</option>
<option val="50">50</option>
<option val="100">100</option>
<option val="250">250</option>
</select> <br />
任何幫助或外部鏈接將我指向正確的方向表示贊賞。
uj5u.com熱心網友回復：
僅使用 JS 檔案路徑名中的一個變數
使用window.location.pathname來獲得當前頁面的路徑，然后使用一個簡單的regex.exec(url)來捕捉任何比賽/=([0-9]) /。這將匹配“=12345”格式的任何內容，并回傳“12345”作為匹配項。
var url = "https://mywebsite.com/GCValue=50/";
// in reality, use this:
// var url = window.location.pathname;
var regex = /=([0-9] )/g;
var match = regex.exec(url);
document.getElementById("GCValue").value = match[1];<select id="GCValue">
<option val="10">10</option>
<option val="25">25</option>
<option val="50">50</option>
<option val="100">100</option>
<option val="250">250</option>
</select> <br />使用來自 JS 檔案路徑名的許多變數
如果您想使用許多引數，只需擴展相同的邏輯即可。例如，想象：/GCValue=50/Page=765/Index=42/...
var url = "https://mywebsite.com/GCValue=50/Page=765/Index=42/";
// in reality, use this:
// var url = window.location.pathname;
var regex = /([A-Za-z0-9] )=([0-9] )/g;
var match;
while ((match = regex.exec(url)) != null) {
document.getElementById(match[1]).value = match[2];
}<select id="GCValue">
<option val="10">10</option>
<option val="25">25</option>
<option val="50">50</option>
<option val="100">100</option>
<option val="250">250</option>
</select> <br />
<input id="Page" type="text"><br>
<input id="Index" type="text">uj5u.com熱心網友回復：
這是一個簡單的解決方案：
const selectList = document.getElementById('GCValue');
selectList.selectedIndex = '2';
更短：
document.getElementById('GCValue').selectedIndex = '2';
'2'是value="50"下拉串列中的索引號。如果在它之前添加更多選項，索引號會發生變化。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/377296.html
標籤：javascript html 查询 形式
上一篇：導航欄不會在移動版本上崩潰