如何从多选表单

时间:2015-12-04 17:12:16

标签: jquery html-form

到目前为止,我只获得了urlparameter = 1& urlparameter = 2。但是我怎样才能将变量从多选形式传递给url的参数 ?myurl.tld urlparameter1 = 1&安培; urlparameter2 = 2。

//如何将网址从第一版转为第二版:

urlparameter = 1&安培; urlparameter = 2

urlparameter1 = 1& urlparameter2 = 2

//我使用html

<select name="garden[]" multiple="multiple" id="garden">
  <option value="1" name="urlparameter1">Flowers</option>
  <option value="2" name="urlparameter2">Trees</option>
</select>
<div class="one"></div>
<div class="two"></div>

//我使用jquery

$("#garden").change(function () { 
  var id = $(this).attr('name');
  var str2 = "";
$("#garden option:selected").each(function () {

   str2 += "&"+id+"="+ $(this).attr('value');             
   });
  $(".two").text(str2);
})
.trigger('change');

// samplecode here

http://jsfiddle.net/8ru47abb/

1 个答案:

答案 0 :(得分:0)

稍微修改一下你的代码就可以了。

工作jsfiddle

http://jsfiddle.net/8ru47abb/1/

HTML

<select name="garden[]" multiple="multiple" id="garden">
  <option value="1" name="urlparameter1">Flowers</option>
  <option value="2" name="urlparameter2">Plants</option>
  <option value="6" name="urlparameter3">Trees</option>
</select>
<div class="one"></div>
<div class="two"></div>

脚本

$("#garden").change(function () { 
    var id = $(this).attr('name').replace("[]","");
     var str2 = "";
     var i = 0;
    $("#garden option:selected").each(function () {

       str2 += "&"+id+ (++i) + "="+ $(this).attr('value');             
       });
      $(".two").text(str2);
    })
    .trigger('change');