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

Question

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

我只是不知道如何在此处执行fetch，然后填充文本字段。

请建议。

提前致谢！ 罗南

Answer 1

您可以使用$('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 var str = $("form").serialize();

中

将生成一个类似于

的查询字符串

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

更明确的例子

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

Answer 2

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

1. 您必须根据Select值创建网址，比如

   var url =“http：// yourdomain？value =”+ SELECTVALUE;

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

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

您将在http://api.jquery.com/jQuery.ajax/

中获得ajax调用流程和响应类型文本