4

ラジオ ボタンの選択に基づいて、選択可能なドロップダウン オプションを変更するにはどうすればよいですか。これが使用しているコードです

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();

}
4

1 に答える 1

0

あなたの質問は少し不明確ですが、あなたのコードから、ラジオボタンが選択された後にドロップダウンの特定の値を選択したいと思います。

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);
}
于 2014-02-21T22:33:09.487 に答える