Javascript 页面重定向后克隆所选下拉列表值

Javascript 页面重定向后克隆所选下拉列表值,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

我正在学习jquery。。。这是我的问题,我需要克隆从网页1中选择的值并将网页1重定向到网页2

我在这里找到了一些代码,并尝试将它们组合起来…但是下面的代码只会根据webpage1中选择的值重定向并不会将下拉值克隆到webpage2

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可以存储值,并在页面之间传输它们。