Jquery 3个用于填充搜索栏的下拉列表_Jquery_Html

Jquery 3个用于填充搜索栏的下拉列表

jquery html

Jquery 3个用于填充搜索栏的下拉列表,jquery,html,Jquery,Html,我试图制作一个下拉列表，从3个不同的下拉列表填充搜索栏。。我正试图让它在每次选择后更新搜索栏，并保留以前的选择，因此它在搜索栏中的读数为175/55/17。是的，我是个彻头彻尾的傻瓜，请帮帮我！以下是我目前掌握的情况：这是我更新后的代码，仍然没有填充网站或网站上的搜索字段我做错了什么 <!DOCTYPE html> <html> <head> <script language= "javascript" stype="text/java

我试图制作一个下拉列表，从3个不同的下拉列表填充搜索栏。。我正试图让它在每次选择后更新搜索栏，并保留以前的选择，因此它在搜索栏中的读数为175/55/17。是的，我是个彻头彻尾的傻瓜，请帮帮我！以下是我目前掌握的情况：

这是我更新后的代码，仍然没有填充网站或网站上的搜索字段

我做错了什么

    <!DOCTYPE html> 
<html> 
<head> 
<script language= "javascript" stype="text/javascript" type:"text/javascript">
$(document).ready(function() { $('select').change(function () { 
$('#_shop_itemsearch_query').val($('#Width').val() + '/' + $('#height').val() + '/' +
$('#size').val()); }); }); </script> 
</head>
<body>
 <input type="text" name="_shop_itemsearch_query" id="_shop_itemsearch_query" class="v2_shop_form_input"> 

<form action=""> <select name="Width" id="width"> 
<option value="175"selected>175</option> 
<option value="185">185</option> 
<option value="195">195</option> 
<option value="205">205</option> 
<option value="215">215</option> 
<option value="225">225</option> 
<option value="235">235</option> 
<option value="245">245</option> 
<option value="255">255</option> 
<option value="265">265</option> 
<option value="275">275</option> 
<option value="285">285</option> 
<option value="295">295</option> 
<option value="305">305</option> 
<option value="315">315</option> 
<option value="325">325</option> 
<option value="335">335</option> 
<option value="345">345</option> 
</select> 
<form action=""> 
<select name="Height" id="height"> 
<option value="20"selected>20</option> 
<option value="25">25</option> 
<option value="30">30</option> 
<option value="35">35</option> 
<option value="40">40</option> 
<option value="45">45</option> 
<option value="50">50</option> 
<option value="55">55</option> 
<option value="60">60</option> 
<option value="65">65</option> 
<option value="70">70</option> 
<option value="75">75</option> 
<option value="80">80</option> 
<option value="85">85</option> 
</select> 
<form action=""> 
<select name="Size" id="size"> 
<option value="15"selected>15</option> 
<option value="16">16</option> 
<option value="17">17</option> 
<option value="18">18</option> 
<option value="19">19</option> 
<option value="20">20</option> 
<option value="21">21</option> 
<option value="22">22</option> 
<option value="24">24</option> 
<option value="25">25</option> 
</select> 
</body>
</html>


$（文档）.ready（函数（）{$（'select'）.change（函数（）{
$（“###"商店"项目搜索"查询“）.val（$（“##宽度”）.val（）+'/'+$（“#高度”）.val（）+'/'+
$（'#size'）.val（）；}）；}）；
175
185
195
205
215
225
235
245
255
265
275
285
295
305
315
325
335
345
20
25
30
35
40
45
50
55
60
65
70
75
80
85
15
16
17
18
19
20
21
22
24
25

未经测试，但应能正常工作。

是什么让您感到困惑？您试过使用吗？这两种方法都可以在JSFIDLE中使用，但不能在页面上使用。我做错什么了吗$（'select'）.change（function（）{var str=”“；$（'select'）.each（function（index）{str+=$（this.val（）；if（index！=$（'select'）.length-1）str+='/'}）$（'.\u shop\u itemsearch\u query'）.val（str}）是否在文档的和处调用（DOM加载后）？如果没有，请将其放在末尾或和

$（document）.ready（function（）{the code}）

如果这不是问题，我们将需要完整的HTMLSO，请确定，您是否链接了jQuery库？在你的问题中，你似乎使用了纯JS。我已经更新了代码，但仍然可以；这两个都在JSFIDLE中工作，但在页面上不工作。我做错什么了吗？对不起，我的noobness$（'select'）.change（函数（）{$（'u#u shop\u itemsearch\u query'）.val（$（'u#Width'）.val（）+'/'+$（'u#height'）.val（）+'/'+$（'u#size'）.val（））；）；除非我能看到实际的页面或完整的代码，否则我不能做更多，因为我的答案和小提琴工作。您可以通过在控制台中查找错误来尝试调试代码。除了中的错误（将我的代码更改为您的错误）之外，代码都是一样的，用作html测试平台。抱歉，所有问题，在jqueryI的第二天，我更新了我的答案，添加了一段JSFIDLE自动包含的代码，您可能已经忽略了这段代码。我已经更新了代码，并在我的问题中重新发布了它，但它仍然无法在页面或检查程序中工作。我做错了什么？

$(document).ready(function() {
    $('select').change(function () {
        $('#_shop_itemsearch_query').val($('#Width').val() + '/' + $('#height').val() + '/' + $('#size').val());
    });
});

$('select').change(function(){
    var str = "";

    $('select').each(function(index){
        str += $(this).val();
        if(index != $('select').length - 1)str += '/';
    })

    $('#_shop_itemsearch_query').val(str)
})