更改選項值來選擇，如果同一個URL

我有一個表格

<select name="select" onchange="window.open(this.options[this.selectedIndex].value,'_self')"> 
<option selected="selected">Select your size</option> 
<option value="https://www.webpage.com/01">Size S</option> 
<option value="https://www.webpage.com/02">Size M</option> 
<option value="https://www.webpage.com/03">Size L</option> 
<option value="https://www.webpage.com/04">Size XL</option> 
</select>

所以，如果人們選擇大小S她們去https://www.webpage.html/01等等..... 在人頁面我有相同的選擇形式，但我怎麼能改變選定的選項選定=「選擇」使用JavaScript？

因此，如果人們選擇大小M，則轉到https://www.webpage.com/02，並且表單在此頁面上顯示大小M.因此，如果選項值url與頁面url相同，它會自動將select =「selected」賦予此選項。

也許轉儲的問題，但JavaScript的心不是我的最好的部分;）

感謝您的幫助。

來源

2014-12-20 Patrick

您可以嘗試

$("option[value='" + window.location.href.toString() + "']").closest("select").val(window.location.href.toString());

它會找到選項與頁面URL完全匹配

來源

2014-12-20 09:29:17

你是最棒的，這個作品！謝謝你幫助我！ – Patrick

如果網址正好對應選項值

$("selectElementId").val(window.location);

來源

2014-12-20 08:45:28 opewix

你可以做到這一點使用JavaScript或jQuery的

HTML

<select name="select" id='option' onchange="window.open(this.options[this.selectedIndex].value,'_self')"> 
<option selected="selected">Select your size</option> 
<option value="https://www.webpage.com/01">Size S</option> 
<option value="https://www.webpage.com/02">Size M</option> 
<option value="https://www.webpage.com/03">Size L</option> 
<option value="https://www.webpage.com/04">Size XL</option> 
</select>

jQuery的解決方案

$(document).ready(function(){ 
    $('#option').on('change',function(){ 
     $("#option option:selected").attr('selected','selected'); 
    }); 
});

來源

2014-12-20 09:04:57

如果你想牛逼Ø使用JavaScript這樣做只是，我建議你這樣做：

一個id屬性添加到每個選項標籤

<option id="sizeS" value="https://www.webpage.com/01">Size S</option> 
<option id="sizeM" value="https://www.webpage.com/02">Size M</option>

添加一個名稱屬性的體標籤每一頁：例如，在頁面的https：.../01：
```
<body name="S"> 
```

這個功能添加到每個頁面的JavaScript部分：

function updateForm() { 
    var currentSize = document.getElementsByTagName['body'][0].getAttribute('name'); 
    document.getElementById("size" + currentSize).selected = "selected"; 
}

加載頁面時執行函數updateForm（）。例如，對於有載：
```
<body name="M" onload="updateForm()"> 
```

你也可以使用事件偵聽器的「DOMContentLoaded」事件，單擊here瞭解更多信息：

來源

2014-12-20 09:12:41 divaidee

更改選項值來選擇，如果同一個URL

回答

相關問題