Question

JsFiddle demo

<body>
<form method="POST" name="my">
<ol id="selectable">
  <li class="ui-widget-content" id="0">1</li>
  <li class="ui-widget-content" id="1">2</li>
  <li class="ui-widget-content" id="2">3</li>
  <li class="ui-widget-content" id="3">4</li>
  <li class="ui-widget-content" id="4">5</li>
</ol>
</form>
</body>

我想在后端的响应中获取选择菜单。我能够根据选择更改diplayed值，但无法弄清楚如何从所选输入接收输入。请帮帮我！

Answer 1

您可以利用selected方法，该方法在回调中为您提供两个参数，event和ui对象。

ui对象包含selected对象，它是本机DOM元素。通过这种方式，我们可以将它包装起来然后使用jQuery方法（仅为了清晰和凝聚）

从那里，我们可以构建对服务器的$.ajax()调用并执行我们的请求。一种可能的方式是：

selected: function (event, ui) {
    var $f = $('form[name="my"]'); //cache reference to the form wrapper
    $.ajax({
        url: $f.prop('action'),
        type: $f.prop('method'),
        data: {
            val: $(ui.selected).text() // this is the selected val.
        }
    }).done(function (data) {
        console.log(data); //return from server
    });
}

现在，在您处理服务器请求的页面action="path/to/my/script.ext"中，您可以访问通过val选择的值，例如$_POST['val'];。

Answer 2

Js Fiddle

单击菜单

时，您将获得所选文本

来自jQuery Select的POST

2 个答案: