提交选择时更新jquery

我想知道当用户选择一个选项然后单击submit时，如何更改pswitch on id

当用户单击一个选项时，jquery将切换pswitch on id，但如果用户选择了另一个选项，则它将在不按submit的情况下切换。我只需要在用户单击submit时切换它

谢谢你的帮助

<p id="switch-on-submit">hello</p>

    <select multiple="no">
        <option selected="selected">one</option>
        <option>two</option>
        <option>three</option>
        <option>four</option>
   </select>
   <button id="submit">
    add
   </button>

$(document).ready(function(){

    $(document).on('click', '#submit', function(){

       $("select").change(function(){
           $("select option:selected").each(function(){
           str = $(this).text();
       });
       $("p#switch-on-submit").text(str);
       }).change();

       });

});

这是我的

试试这个：

希望我理解正确。对于按钮，您只需要一个onClick事件。在此事件中，从选择框中获取所选文本，并将文本添加到p元素中

$('#submit').click(function(){
$("p#switch-on-submit").text($("select option:selected").text());

});

---

听起来您只是想在提交时获取select的值。但是你正在使用。改变。更改在更改选择框时侦听。所以它的字面意思是当选择改变时，做这个功能

您必须获取所选选项的值：

$(document).on('click', '#submit', function(){
    var str = $('select option:selected').text();
    //Do something with thisText here:
    $("p#switch-on-submit").text(str);
});

---

你有一个。变化在你的。上。因此，无论何时更改“选择”选项，它都会自动启动。移除.on中的.change。我相信你只是想得到选择的价值？是的！！！就这样！哈哈，谢谢！我知道这很简单。我会接受答案。谢谢again@matty我很高兴我能帮上忙