jQuery代碼來改變我怎樣才能改變基於單選按鈕選擇可選擇的下拉選項基於單選按鈕選擇

Question

選擇下拉選項。 這裏是代碼我使用

HTML：

<div id="manage"> 
    <div> 
     <label>Operating Systems</label> 
     <select id="OS" onchange="browserlist();"> 
      <option value="win7 32">Windows 7 - 32</option> 
      <option value="win7 64">Windows 7 - 64</option> 
      <option value="Vista 32">Windows Vista - 32</option> 
      <option value="Vista 64">Windows Vista - 64</option> 
      <option value="Win8 X64">Windows 8 - X64</option> 
     </select> 
    </div> 
    <div> 
     <label>Browsers</label> 
     <select id="browsers" onchange="browserDet();"> 
      <option value="ie">IE</option> 
      <option value="vista">Vista</option> 
     </select> 
    </div> 
    <div> 
     <label>Versions</label> 
     <select id="version"></select> 
    </div> 
    <div> 
     <label>Test Scripts</label> 
     <select id="testscriptlist"> 
      <option value="1">test1</option> 
      <option value="2">test2</option> 
      <option value="3">test3</option> 
      <option value="4">test34</option> 
     </select> 
    </div> 
    <div> 
     <label>Server:</label> 
     <input type="text" id="server" value="" /> 
    </div> 

的JavaScript：

$.ajax({ 
    type: 'GET', 
    url: "/getJobs", 
    dataType: "json", 
    success: function (jobs) { 
     //alert(jobs);       
     if (jobs.length == 0) { 
      alert("There are no scheduled Jobs"); 
      $("#jobsTable").hide(); 
     } else { 
      //jobs.forEach(function(job) { 
      $.each(jobs, function (key, value) { 
       alert(value.jobid); 
       var tabString = '<tr><td>' + value._id + '</td><td>' + value.os + '</td><td>' + value.browser + '</td><td>' + value.version + '</td><td>' + value.script + '</td><td>' + value.server + '</td><td>' + '<input type="radio" name="joblist" onclick="myfunc(this);" id= ' + value.jobid + 'value=' + value.jobid + '/> </td></tr>'; 
       $("#jobsTable").append(tabString); 
      }); 
     } 
    } 
}); 
} 

在單選按鈕的onclick使用。而選擇單選按鈕，我會得到下面的代碼單選按鈕值，並且必須根據單選按鈕選擇更改可選擇的下拉選項。

function myfunc(ele) { 

    var $tr = $(ele).parent().parent(); 
    var os = $tr.find("td:eq(1)").html(); 

    var browsers = $tr.find("td:eq(2)").html(); 
    var version = $tr.find("td:eq(3)").html(); 
    var testscriptlist = $tr.find("td:eq(4)").html(); 
    var server = $tr.find("td:eq(5)").html(); 

} 

Answer 1

你的問題有點不清楚，但是從你的代碼，我猜你想選擇一個單選按鈕後，選擇下拉菜單中的具體數值。

jQuery .val()是你想要的。

function myfunc(ele) { 

    var $tr = $(ele).parent().parent(); 
    var os = $tr.find("td:eq(1)").html(); 

    var browsers = $tr.find("td:eq(2)").html(); 
    var version = $tr.find("td:eq(3)").html(); 
    var testscriptlist = $tr.find("td:eq(4)").html(); 
    var server = $tr.find("td:eq(5)").html(); 

    $("#OS").val(os); 
    $("#browsers").val(browsers); 
    $("#version").val(version); 
    $("#testscriptlist").val(version); 
    $("#server").val(server); 
}