Javascript 如何通过单击按钮获取更改时的选项值？

下面是代码示例，我需要通过单击按钮获取更改时的选项值？
我在弹出窗口中显示一个表单，在这个表单中我们有一个 下拉项

产品标题1

产品内容在这里


-没有-
11产品名称
12产品名称

我已经完成了您的要求，请检查下面的代码并运行，因为我已按了两个按钮并获得选定值：

    <div class="container">
    <button type="button" id="btn1" class="btn btn-danger" data-toggle="modal" data-target="#form" value="11 name" onclick="myFunction('11 name')">
    See Modal with Form
    </button>  
    <button type="button"  id="btn2" class="btn btn-danger" data-toggle="modal" data-target="#form" value="12 name" onclick="myFunction('12 name')">
    See Modal with Form
    </button> 
</div>
<div class="modal fade" id="form" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header border-bottom-0">
                <h5 class="modal-title" id="exampleModalLabel">Create Account</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form>
                <div class="modal-body">

                    <div class="form-group">
                      <input type="hidden" id="btnmodal1">
                      <input type="hidden" id="btnmodal2">
                        <label for="email1">Email address</label>
                        <input  class="form-control" id="email1" aria-describedby="emailHelp" placeholder="Enter email">
                        <small id="emailHelp" class="form-text text-muted">Your information is safe with us.</small>
                    </div>
                    <div class="form-group">
                        <label for="password1">Password</label>
                        <input type="password" class="form-control" id="password1" placeholder="Password">
                    </div>
                    <select id="selectBox1" style='width:100%;box-sizing:border-box; font-size: 14px;font-weight: lighter;' name='LEADCF46'>
                    <option value='none'>none</option>
                        <option value='11 name'>11 product name</option>
                        <option value='12 name'>12 product name</option>
                    </select>
                </div>
                <div class="modal-footer border-top-0 d-flex justify-content-center">
                    <button type="button" class="btn btn-success submirrt" onclick="myFunction1()">Submit</button>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="valueeee1"></div>
<div class="valueeee2"></div>

<script>

function myFunction1() {
    var selectBox = document.getElementById("selectBox1");
    var selectedValue = selectBox.options[selectBox.selectedIndex].value;
    $(".valueeee2").html(" <b>"+selectedValue+"</b>.");

    $("#form .close").click();
    $("#selectBox1 option[value='"+selectedValue+"']").attr("selected", false);
}


function myFunction(btnvalues) {
   $("#selectBox1 option[value='"+btnvalues+"']").attr("selected", true)


}

  </script>

见模态与形式
见模态与形式
创建帐户
&时代；
电子邮件地址
您的信息在我们这里是安全的。
暗语
没有一个
11产品名称
12产品名称
提交
函数myFunction1（）{
var selectBox=document.getElementById（“selectBox1”）；
var selectedValue=selectBox.options[selectBox.selectedIndex].value；
$（“.valueee2”）.html（“+selectedValue+”）；
$（“#form.close”）。单击（）；
$（“#selectBox1 option[value='”+selectedValue+“']”）attr（“selected”，false）；
}
函数myFunction（BTN值）{
$（“#selectBox1 option[value='”+btnvalues+“']”）attr（“selected”，true）
}

您可能是javascript新手。请在发布之前进行搜索。请参考此链接，它可能会对您有所帮助。@Kumaran，我已经看到了这一点，但我的要求如下：第1页的第1步我有两个按钮BTN1BTN2第2步通过单击btn1，在模型窗口步骤#3中显示表单，单击btn1可获得下拉值=“11”，单击btn2可获得下拉值=“2”。我不打算写任何逻辑。有什么帮助吗？你用什么javascript实现了这一点？您的帖子有一个javascript标记。var product=document.getElementById（“11”）；var product=document.getElementById（“12”）；总共有两个按钮，有两个模态，你想通过点击按钮1来显示“11名”值，通过点击按钮2来显示“12名”值。这就是你想要的吗？我点击“btn1”的那一刻默认值应该选择“11名”，点击“btn2”默认值应该选择“12名”如果您想将值作为默认值（编辑了我的代码），或者让我知道我误解了您的问题的地方，您可以给出所选属性。我不想显示两个不同的模型窗口，因为代码将变得重复和冗长，所以我想要的是，我可以在单个模型窗口中处理两个按钮的选定值。好的，我明白了。我再次编辑了代码，只使用了一个模型进行管理。请检查函数myFunction（btnvalues）{$（“#selectBox1 option[value='”+btnvalues+“]”）。attr（“selected”，true）}