Javascript Jquery选择下拉列表(数组)选项,用于更改从div类获取的值

Javascript Jquery选择下拉列表(数组)选项,用于更改从div类获取的值,javascript,jquery,html,Javascript,Jquery,Html,我有多个选择下拉列表和同一类的多个div。 每个div都有一个下拉列表和一个带有class.dz文件名的div 通过上传一个图像>文件名文本到div中,并带有类.dz文件名,您可以为该图像选择一种格式。我想根据选择将图像与格式链接 我怎样才能用class.dz filename获取div中的文本,并将该文本填入选项值中 提交表单后,我想使用php查看哪个格式链接到哪个图像 例如: $document.readyfunction{ $.dz-select-system.changefunctio

我有多个选择下拉列表和同一类的多个div。 每个div都有一个下拉列表和一个带有class.dz文件名的div

通过上传一个图像>文件名文本到div中,并带有类.dz文件名,您可以为该图像选择一种格式。我想根据选择将图像与格式链接

我怎样才能用class.dz filename获取div中的文本,并将该文本填入选项值中

提交表单后,我想使用php查看哪个格式链接到哪个图像

例如:

$document.readyfunction{ $.dz-select-system.changefunction{ var filename=$.dz filename span.text; 警报文件名; }; }; banner.jpg Selecteer-uw-format 100 x 100,吉恩,1 80 x 80,吉恩,1 50 x 50,吉恩,1 70 x 70,吉恩,1 photobanner1.jpg Selecteer-uw-format 100 x 100,吉恩,1 80 x 80,吉恩,1 50 x 50,吉恩,1 70 x 70,吉恩,1
我希望这对你有帮助

$document.readyfunction{ $.dz-select-system.changefunction{ //$this.find.dz-filename span.text; //log$this.prev.prev.findspan.text; var filename=$this.prev.prev.findspan.text; 警报文件名; //或var filename=$this.prevUntil.dz-filename span.text.trim; }; }; banner.jpg Selecteer-uw-format 100 x 100,吉恩,1 80 x 80,吉恩,1 50 x 50,吉恩,1 70 x 70,吉恩,1 photobanner1.jpg Selecteer-uw-format 100 x 100,吉恩,1 80 x 80,吉恩,1 50 x 50,吉恩,1 70 x 70,吉恩,1
您需要为文件输入的onchange事件设置一个处理程序,该事件调用函数:

选择该输入的范围 使用选定的文件名更新范围文本 使用选定的文件名更新相应的选择选项 添加:您可以选择一个控件,为不同的输入字段设置值


将侦听器绑定到file input onchange事件,获取这些选项并设置value属性。是的,这对我来说是可行的,但问题是我不知道哪种格式是指向图像的链接。因为格式在100 x 100内,值是文件名。我认为最好使用选项数组值?100 x 100,Geen,1您应该使用类似filename的值格式。jpg:100x100请参见此处:它可以工作,但在两个选择选项上更改了所有值现在我从文件名中获取每个选择选项的值,但没有与格式链接。。。所以我需要选定格式的文件名…我在考虑值数组?如果将值文件名与所选格式链接,我不会建议您将值设置为数组。有关详细信息,请参阅文档。即使如此,当您将其设置为数组时,您仍需要将值解析为文件名和选定格式服务器端或处理表单的任何位置。设置为我推荐的字符串也会让您处理选项值。但是,您只需按以下方式进行拆分:。
<select class="dz-select-system" style="width: 100%;margin-top: 10px;">
  <option selected="" disabled="" value="-1">Selecteer uw formaat</option>
  <option>100 x 100, Geen, 1</option>
  <option>80 x 80, Geen, 1</option>
  <option>50 x 50, Geen, 1</option>
  <option>70 x 70, Geen, 1</option>
</select>
<input id="fileNameWithFormat"name='fileNameWithFormat[]' type="hidden"> <!-- this will get value based on input from select option-->
...
$(".dz-select-system").change(function() {
    var $this = $(this);
    var $parent = $this.parent();
    var fileFormat = $this.val();
    var fileName = $parent.find('.dz-filename span').text();

    $parent.find('#fileNameWithFormat').val(fileName + '::' + fileFormat);
});