javascript - 如何将下拉值绑定到 url，然后使用此 url 在文本字段中获取数据？

Question

我有一个包含一些值的下拉列表。当用户选择一些值时，我希望将这些值作为参数值绑定到 url，然后使用此 url 在文本字段中获取数据。

我只是不知道如何在这里执行获取然后填充文本字段。

请建议。

提前致谢！罗南

Answer 1

执行此任务需要执行几个步骤，例如

1. 您必须根据 Select 值创建 url，例如

   var url="http://yourdomain?value="+SELECTVALUE;

2. 然后在 jquery 中使用此 url ($.ajax) 执行 AJAX 请求

3. 在文本字段中设置响应。

您将在http://api.jquery.com/jQuery.ajax/中获得 ajax 调用过程和响应类型文本

Answer 2

您可以使用$('form').serialize();jQuery 方法，然后将其作为jQuery.ajax()数据传递。

例子

<select id="foo" name="foo" multiple="multiple">
    <option value="1">one</option>
    <option value="2">two</option>
    <option value="3">three</option>
</select>

在 js 变量中str = $("form").serialize();

将产生一个看起来像的查询字符串

[path]?foo=1&foo=2&foo=3&someotherparams...

更清楚的例子

$("#FormSubmit").click(function()
{
    var str = $("#ShowForm").serialize();
    $.post("url.php", str , function(data) {...}); 
});