Question

我正在使用api，我需要从表单发布一个url并获得响应。除了一件事，一切都运作良好。我无法弄清楚如何将表单输入中的url发布到javascript的变量中。看看下面的内容。

 <form action="#" method="post">
 <input type="text" class="url" name="url" />
 <input type="submit" value="Analyse for Page Speed" value="submit" />
 </form>

我使用上面的表单来获取url，我希望该url是以下变量的值

 // Specify the URL you want PageSpeed results for here:
 var URL_TO_GET_RESULTS_FOR = 'your url here';

如何完成这项工作？

Answer 1

这是你要找的吗？

var URL_TO_GET_RESULTS_FOR = document.getElementsByName('url')[0].value;

getElementsByName返回一个数组，其中所有元素的名称都作为参数传递。因为我假设你只有一个带有name="url"的元素，所以我得到了数组的第一个位置并返回了值。

Answer 2

正如@crush在评论中指出的那样，单独这个任务可能不值得使用jQuery。所以如果你还没有使用它，这可能不是决定因素。如果您需要纯JS解决方案，请使用@ ClaudioRedi的答案。

但是，我假设您已经在使用jQuery，并且正在寻求jQuery解决方案。所以这就是：

var URL_TO_GET_RESULTS_FOR = $('form input[name="url"]').val();

这将在<input>元素中获得名称为url的{{1}}的值。

使用Jquery将输入值分配给同一页面上的变量

2 个答案: