同じプルダウンメニュー 片方は1つ前を表示させる

Question

前提・実現したいこと

選択肢が同じプルダウンメニューが2つある場合、
異なる選択肢を初期表示させておく方法はありますでしょうか…

＜▼選択１＞
【2019-09-18】

＜▼選択２＞
【2019-09-17】 --1日前を表示させておく

↓プルダウンを開くと。。。

＜▼選択１＞
【2019-09-18】
|2019-09-17|
|2019-09-16|
|2019-09-15|
・
・
・

＜▼選択２＞
|2019-09-18|
【2019-09-17】
|2019-09-16|
|2019-09-15|
・
・
・

該当のソースコード

日付のリストは以下のように(viewから)取得しています。

#日付①取得
def get_date1():
    return DateDb.objects.order_by('日付').reverse().distinct('日付')

#日付②取得
def get_date2():
    return DateDb.objects.order_by('日付').reverse().distinct('日付')

試したこと

今のところ、以下でチャレンジしてるのですが
動きません。。

        //日付選択肢①初期値
        var dt = new Date();//2019-09-18
        var y = dt.getFullYear();
        var m = ("00" + (dt.getMonth()+1)).slice(-2);
        var d = ("00" + (dt.getDate()-1)).slice(-2);//1日前
        var date= y + '-' + m + '-' + d;//2019-09-17
        $('Date1 option').val(date).attr("selected","selected");//valueがdateのものをselected状態に

なんで

同じ日付でデータを引っ張ってくると、正しいデータが表示されないので、
このページにアクセス ⇒ データを呼び出す 時点で、異なる日付を選択させておく必要があります。。。

補足情報

jQueryで試しています。。
実現方法はあるのでしょうか。。。
どなたかご存知の方、教えてください。。。
あと、質問の情報が足りなければご指摘お願いします。。。

Answer 1

HTMLソースがないので想像ですが、

$('Date1 option').val(date).attr("selected","selected");

↑は、↓ではないですか？

$('Date1').val(date);

jq.val( value )は、値を設定するメソッドだと思います。
.val() | jQuery API Documentation

Comments

[xx_6_6_xx]

ご回答いただきありがとうございます！
まさにその通りでした。。。！
$('#Date1').val(date);にすると、選択状態にできました。。。
本当にありがとうございます。。。！