-1

これが以前に対処されている場合は、お詫び申し上げます。すでに説明した解決策を見つけることができませんでした。

私はJSのコーディングに不慣れであると述べて、質問を先取りする必要があります。

ドロップダウンリストで設定された初期値に基づいて、フォーム内にJavaScriptを設定して、6つのフィールドに曜日を入力しようとしています。

擬似コード:

Field 0 Drop-down list value selected by user is 'Tuesday'
Field 1 populates to 'Wednesday'
Field 2 populates to 'Thursday'
Field 3 populates to 'Friday'
Field 4 populates to 'Saturday'
Field 5 populates to 'Sunday'
Field 6 populates to 'Monday'
4

2 に答える 2

0

5十分の休憩が必要だったので、ここに私の jQuery ソリューションを示します (使用することにオープンであると仮定します)。

HTML

<select id="day0"></select><br />
<input id="day1" type="text" /><br />
<input id="day2" type="text" /><br />
<input id="day3" type="text" /><br />
<input id="day4" type="text" /><br />
<input id="day5" type="text" /><br />
<input id="day6" type="text" /><br />

JS:

var days = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"];

function update(sel) {
    var start = parseInt($(sel).val());
    for (var i = 1; i <= days.length; i++) {
        $('#day' + i).val(days[(i + start) % 7]);                            
    }   
}

$(function() {
    // Find the select list
    var $sel = $('#day0');
    // Populate it with values from the 'days' array
    $.each(days, function(i, v) {
        $('<option value="' + i + '">' + v + '</option>').appendTo($sel);
    });
    // Hook up the 'update' function to run every time the
    // selected option is changed
    $sel.change(function() { 
        update(this);
    });
    // Force an initial update of the fields
    update($sel);
});

ワーキングデモ

于 2012-12-27T20:15:37.707 に答える
-2

いくつかのスニペット:

HTML

<select id="dropdown"></select>

Javascript

var days = {
    v0 : 'Tuesday',
    v1 : 'Wednesday',
    v2 : 'Thursday',
    v3 : 'Friday',
    v4 : 'Saturday',
    v5 : 'Sunday',
    v6 : 'Monday'
};

var dropdown = document.getElementById("dropdown");
for(index in days) {
    dropdown.options[dropdown.options.length] = new Option(days[index], index);
}
于 2012-12-27T19:48:26.900 に答える