Javascript 页面重定向后克隆所选下拉列表值
我正在学习jquery。。。这是我的问题,我需要克隆从网页1中选择的值并将网页1重定向到网页2 我在这里找到了一些代码,并尝试将它们组合起来…但是下面的代码只会根据webpage1中选择的值重定向并不会将下拉值克隆到webpage2Javascript 页面重定向后克隆所选下拉列表值,javascript,jquery,html,Javascript,Jquery,Html,我正在学习jquery。。。这是我的问题,我需要克隆从网页1中选择的值并将网页1重定向到网页2 我在这里找到了一些代码,并尝试将它们组合起来…但是下面的代码只会根据webpage1中选择的值重定向并不会将下拉值克隆到webpage2 function moveTo(optionValue) { if(optionValue=="") return false; window.location='.htm'+optionValue; } var $orgi
function moveTo(optionValue) {
if(optionValue=="") return false;
window.location='.htm'+optionValue;
}
var $orginalDiv = $('#container');
var $clonedDiv = $orginalDiv.clone();
//get original selects into a jq object
var $originalSelects = $orginalDiv.find('select');
$clonedDiv.find('select').each(function(index, item) {
//set new select to value of old select
$(item).val( $originalSelects.eq(index).val() );
});
$clonedDiv.appendTo('clonedItem')
网页1下拉列表
<div id="container">
<p>Priority</p>
<select name="priority" id="drop1" size="1" onchange="moveTo(this.options[this.selectedIndex].value);">
<option value="form2.html">Low</option>
<option value="form2.html">Normal</option>
<option value="form2.html">High</option>
<option value="form2.html">Emergency</option>
</select>
</div>
<div id='clonedItem'>
<p>Priority</p>
<select name="priority" id="drop2" size="1">
<option value="Low">Low</option>
<option value="Normal">Normal</option>
<option value="High">High</option>
<option value="Emergency">Emergency</option>
</select>
</div>
网页2下拉列表
<div id="container">
<p>Priority</p>
<select name="priority" id="drop1" size="1" onchange="moveTo(this.options[this.selectedIndex].value);">
<option value="form2.html">Low</option>
<option value="form2.html">Normal</option>
<option value="form2.html">High</option>
<option value="form2.html">Emergency</option>
</select>
</div>
<div id='clonedItem'>
<p>Priority</p>
<select name="priority" id="drop2" size="1">
<option value="Low">Low</option>
<option value="Normal">Normal</option>
<option value="High">High</option>
<option value="Emergency">Emergency</option>
</select>
</div>
请告知如何解决此问题,或者除了使用jquery之外是否还有其他方法……谢谢。由于页面刷新,您不能直接存储变量is js。有不同的方法来实现你想要的。如果我理解正确,这两个选项是相同的,因此它们具有相同的选项。对于这一点,我认为GET参数是最有用的。在重定向函数中,只需将所选选项的索引添加到重定向URL:
function moveTo(optionValue) {
if(optionValue=="") return false;
window.location='http://newURL.com'+"?index="+optionValue;
}
然后,您只需要在新页面上使用js函数,该函数可以从位置中过滤GET参数:
function parse(val) {
var result = "Not found",
tmp = [];
location.search.substr(1).split("&").forEach(function (item) {
tmp = item.split("=");
if (tmp[0] === val) result = decodeURIComponent(tmp[1]);
});
return result;
}
有关src,请参阅
最后,在新页面上调用pageload上的parse函数,并激活该选项:
var index = parse(window.location);
$('#drop2 option').eq(index[0]).addClass('selected');
我希望这是一个输入错误,但是moveTo函数中缺少javascript…我不认为javascript可以存储值,并在页面之间传输它们。