Question

我试图找出当用户选择一个选项然后点击提交时如何更改p＃switch-on-id。

当用户点击某个选项时，jquery会切换p＃switch-on-id，但如果他选择了另一个选项，则无需按提交即可切换。我只需要在用户点击提交时切换。

感谢您的帮助！

false

这是我的jsfiddle

Answer 1

试试这个：https://jsfiddle.net/0x7kg43n/

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

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

});

Answer 2

听起来你只是试图获得提交选择的价值。但是你正在使用.change()。 .change()会在更改选择框时进行侦听。所以它的字面意思是when select changes, do this function。

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

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

选择提交时更新<p> jquery

2 个答案: