Javascript 反恐执行局。然后你展示了一个循环,我不能说我真的理解。我真的很感谢你的帮助,谢谢。我应该把它放在我的代码中的什么地方?它能与jQueryUI一起工作吗?非常感谢你的帮助。在进一步研究之后,我决定我不太确定如何使用这个..要清楚的是,这不一定是现成的。它应该

Javascript 反恐执行局。然后你展示了一个循环,我不能说我真的理解。我真的很感谢你的帮助,谢谢。我应该把它放在我的代码中的什么地方?它能与jQueryUI一起工作吗?非常感谢你的帮助。在进一步研究之后,我决定我不太确定如何使用这个..要清楚的是,这不一定是现成的。它应该,javascript,jquery,forms,jquery-ui,drop-down-menu,Javascript,Jquery,Forms,Jquery Ui,Drop Down Menu,反恐执行局。然后你展示了一个循环,我不能说我真的理解。我真的很感谢你的帮助,谢谢。我应该把它放在我的代码中的什么地方?它能与jQueryUI一起工作吗?非常感谢你的帮助。在进一步研究之后,我决定我不太确定如何使用这个..要清楚的是,这不一定是现成的。它应该可以很好地与jQueryUI配合使用。将其放入$(document).ready(function(){})中。我知道你对前端的东西不太熟悉,但是试试看。我试着把它分解成简单的函数,以便于阅读。如果你有具体问题,请告诉我。还有,玩一下这个。看看


反恐执行局。然后你展示了一个循环,我不能说我真的理解。我真的很感谢你的帮助,谢谢。我应该把它放在我的代码中的什么地方?它能与jQueryUI一起工作吗?非常感谢你的帮助。在进一步研究之后,我决定我不太确定如何使用这个..要清楚的是,这不一定是现成的。它应该可以很好地与jQueryUI配合使用。将其放入$(document).ready(function(){})中。我知道你对前端的东西不太熟悉,但是试试看。我试着把它分解成简单的函数,以便于阅读。如果你有具体问题,请告诉我。还有,玩一下这个。看看是否有帮助:好吧,我意识到我有点不知所措,没想到事情会这么复杂。简单地说,我真的不知道如何让它做我想做的事情。上有一个所有型号名称以及固件的下拉列表。我希望它允许用户选择iPhone/iPad/iPod型号,并显示相关固件,然后显示可用的越狱。据我所知,您所做的是:为每个值创建两个列表,电话和固件。然后在更改select1时,清空select2并用val(?)填充它。待续。。。。。。您已经演示了如何添加特定选项,但我不知道如何根据所选的手机进行添加。然后你展示了一个循环,我不能说我真的理解。我真的很感谢你的帮助,谢谢。我知道用JavaScript缓存变量不是你的强项。说实话,我真的不知道我在做什么。说实话!:)好的,我希望你能在这个网站上得到一些答案。祝你好运我发现在JavaScript中缓存变量并不是你的强项。说实话,我真的不知道我在做什么。说实话!:)好的,我希望你能在这个网站上得到一些答案。祝你好运这比我一直想做的要简单得多,谢谢!这比我一直想做的要简单得多,谢谢!
  <head>
    <meta content='text/html; charset=utf-8' http-equiv='content-type' />
    <title>Jailbreak</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <link href="scripts/reset.css" rel="stylesheet" type="text/css" />
    <link href="scripts/styles.css" rel="stylesheet" type="text/css" />
    <link rel="Stylesheet" href="scripts/jquery-ui.css" type="text/css">
    <link rel="Stylesheet" href="scripts/ui.css" type="text/css">
    <script type="text/javascript" src="scripts/jquery-ui.js"></script>
    <script type="text/javascript" src="scripts/ui.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $("select[name='select1']").selectmenu();
        $("select[name='select2']").selectmenu();   
    });
    </script>
</head>
<body>
<script>
function Select1(){
    var phoneselect=document.getElementById("select1");
    var phoneid = phoneselect.options[phoneselect.selectedIndex].value;
    if( phoneid == 'p1' ){
    document.getElementById( 'select2' ).length=0;
    document.getElementById( 'select2' )[0]=new Option("1.1", "1.1", true, false);
    document.getElementById( 'select2' )[1]=new Option("1.2", "1.2", false, false);
    document.getElementById( 'select2' )[2]=new Option("1.3", "1.3", false, false);
    }
    else if(phoneid == 'p2' ){
    document.getElementById( 'select2' ).length=0;
    document.getElementById( 'select2' )[0]=new Option("1.2", "1.2", true, false);
    document.getElementById( 'select2' )[1]=new Option("1.3", "1.3", false, false);
    document.getElementById( 'select2' )[2]=new Option("1.4", "1.4", false, false);
    }
    $('#fwselector').show('slow', function() {
        });
}
</script>
<div id="mainimg"><img src="images/devices.png"/></div>
<div id="formcontainer">
    <form>
        <select id="select1" name="select1" onchange="Select1();">
            <option value="Phone" disabled="disabled" >Phone</option>
            <option value="p1">iPhone 2G</option>
            <option value="p2">iPhone 3G</option>
            <option value="p3">iPhone 3GS</option>
            <option value="p4">iPhone 4</option>
            <option value="p5">iPhone 4S</option>
        </select>
    </form>
    <div id="fwselector" style="display: none">
        <select  name="select2" id="select2">
            <option value="Firmware" disabled="disabled" selected="selected">Firmware</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select>
    </div>
</div>

</body>
</html>
// let's "cache" our selectors to make them fast
var $select1 = $("select[name=select1]")
var $select2 = $("select[name=select2]")

// lets create an object to store options based on value of select one
var options = {
   "value1": [
         {value: "sample1", text: "sample option #1"},
         {value: "sample2", text: "sample option #2"},
         {value: "sample3", text: "sample option #3"},
         {value: "sample4", text: "sample option #4"},
    ]
   "value2": [
         {value: "sample5", text: "sample option #5"},
         {value: "sample6", text: "sample option #6"},
         {value: "sample7", text: "sample option #7"},
         {value: "sample8", text: "sample option #8"},
    ]
}

$select1.change(function() {
   var val = $(this).val()
   $select2.empty(); // clear all options of $select2
   populateSelectBox2(val)
})

// add a specific option
function addOption(text, value) {
    $select2.append("<option>", {value: value, text: text})
}

// loop through possible answers and add each
function populateSelectBox2(val) {
 for (var i = 0; i < options[val].length; i++) {
   addOption(options[val][i].text, options[val][i].value);
 }
}