Javascript 当我从下拉列表中选择选项时，按钮应自动触发并生成唯一Id

我有一个下拉列表，当我从下拉列表中选择一个选项时，按钮必须自动触发，并生成一些唯一的id。我不确定当我们从下拉列表中选择值时，如何触发。 我已经参考了这个链接

但它不工作，也没有显示任何错误。我可以看到它没有进入按钮点击功能。有人能帮我在选择下拉选项时如何进行自动单击吗？ 我在这里附上代码

<div id="dialog-form" title="Send Email Invite">
        <form>
            <fieldset>               
                <label for="select1">Round Level</label>
                <div class="col-md-4">
                    <select name="select1" class="form-control" id="select1" style="width:200px; height:30px;" required>
                        <option value="">Select the below option</option>
                        {% for each_round in round_names %}
                        <option value="{{each_round.round_id,each_round.round_name}}">{{each_round.round_name}}</option>
                        {% endfor %}
                    </select>
                    <div class="valid-feedback">Valid</div>
                    <div class="invalid-feedback">Please fill out this field</div>
                    <div class="col-md-4" id="generateButton" style="display:none;" required>
                        <input id="generateUrl" value="generate url" size="40%" readonly />
                        <input type="button" class="btn btn-info" value="Generate URL" id="urlbutton"></input>
                    </div>
                    <div id="result">
                        <textarea name="rdesc" id="rdesc" style="width:200px; height:300px; display:none;"
                            required></textarea>
                    </div>


                </div>
                <script>
                    $("#select1").on('change', function () {
                        $("[name='select1']:submit").trigger("#urlbutton")
                        var dropdownValue = document.getElementById("select1");
                        var roundName = dropdownValue.options[dropdownValue.selectedIndex].value;

                        $.ajax({
                            type: 'POST',
                            url: 'blah',
                            data: {
                                'blah': blah
                            },
                            success: function (results) {
                                $("#rdesc").show();
                                $("#rdesc").text(results.round_description);

                            }

                        })


                    })

                </script>

                <input type="submit" tabindex="-1" style="position:absolute; top:-1000px">
            </fieldset>
        </form>
    </div>
    <script>

        $("#urlbutton").click(function () {
            console.log("i am coming here");
            $.ajax({
                type: 'POST',
                url: 'blah',
                data: {
                    'blah':blah
                },
                success: function (data) {
                    var url_textbox = document.getElementById("generateUrl");
                    url_textbox.setAttribute('value', data.url);
                }
            })
        })
    </script>

---

您可以像这样通过编程方式单击按钮

在选择更改时，单击按钮

("#urlbutton").click()

---

将第二个AJAX调用挂接到表单的提交事件，而不是单击按钮，然后在需要时触发提交事件。我尝试了$select1。在“更改”上，函数{$[name='select1']：submit.clickurlbutton及其不工作只需使用$urlbutton.click而不使用`$[name='select1']：submit`谢谢它现在可以工作了。我还需要一个帮助。我想在文本框中显示生成的url。$generateUrl.show；我尝试了我的ajax调用，但它不可见。我应该怎么做？添加这个$generateUrl.show；在ajax成功中，它应该可以工作。试试这个，让我知道。