如何使用datalist使用JavaScript提交表单？

这是select的工作表单，但如何使其在表单中工作

<select id="destination" name="destination" onchange="navigate(this.options[this.selectedIndex].value)">

<option value="">Select country</option>
<option value="afghanistan">Afghanistan</option>
<option value="albania">Albania</option>
<option value="algeria">Algeria</option>
<option value="andorra">Andorra</option>
<option value="angola">Angola</option>

不管怎样，它是存在的，让它与“数据列表”一起工作吗

---

要通过JavaScript获取

onsubmit

处理程序中的表单值，您可以将

id

分配给

输入

元素，然后通过编程读取其

值

函数myFunction（）{
//1.使用id“txtCountry”获取对输入元素的引用
//注意：您需要编辑HTML以分配id“txtCountry”（参见下面的示例HTML）
var txtCountry=document.getElementById（'txtCountry'）；
//2.将输入元素中的值（文本）分配给名为“destination”的变量
var destination=txtCountry.value；
//3.根据步骤2中的值重定向到URL
var url=destination+“.php”；
警报（“您将要重定向到\n\n”+url）；
location.href=url；
}

输入国家：

尝试了以下操作：onsubmit=“导航（this.options[this.selectedIndex].value）”我确实无法获取您的问题。是否要获取您在文本框中选择的值。@user3741790是否有帮助@用户3741790，

destination

来自哪里？谢谢大家的回复，我只需要在按下提交按钮时打开“value”+“.php”文件。例如：下面是一个工作正常的列表：

code

函数导航（目的地）{if（destination！=“location.href=destination+.php”}

code

感谢您的回答，它工作正常，但我应该添加什么，以便在选择阿尔巴尼亚时将其作为site.com/albana.php提交？我在Select元素中使用了这个函数，但需要它的形式和您使用它的方式相同，只需附加url（请参阅更新的答案）。由于您使用的是

输入/数据列表

而不是

选择

，如果不使用国家/地区的白名单，请小心，否则用户输入的任何输入可能会转到不存在的url，并且找不到404（取决于您如何配置web应用程序）。它不适用于数据列表：（从您提供的代码中删除了确认代码，只需转到site.com/test.html？txtCountry=Afghanistan而不是site.com/Afghanistan.phpy您需要显示您的代码。您没有向我们显示目的地的含义。请在应用我建议的更改后编辑您的问题并重新发布您的代码，否则我无法进一步帮助您。）。

 function navigate(destination) 

{

   if (destination != "")

    location.href = destination + ".php"; 

} 

<datalist id="countries" >
        <option value="Afghanistan">
        <option value="Albania">
        <option value="United Kingdom">
        <option value="United States">
        <option value="Vanuatu">
        <option value="Vatican City">
        <option value="Yemen">
        <option value="Zambia">
        <option value="Zimbabwe">
    </datalist>