在链接中使用表单字段数据?

时间:2014-06-05 00:16:14

标签: jquery

我正在尝试改造她几个月前帮助我发展的那些善良的人。 我只是想做一个简单的下载下拉菜单。也就是说,用户从单个下拉列表中选择要下载的项目,然后单击下载按钮以下载它。我正在尝试使用与“选项”相关联的“值”,但它并不是很有用。

我的剧本:

jQuery("form.template").on('blur', ':input', function(){
    var diecut = jQuery(".diecut").text()
    var linkText = "http://www.theuglybug.com/templates/" + diecut;
    jQuery("#showmehref").text(linkText);
    jQuery("#mylink").attr('href', linkText);
});

我的表格:

<form class="template" name="template" id="template">
<select name="diecut" id="diecut" class="diecut">
  <option value="TT602_21781_2up.pdf">TT602_21781_2up</option>
  <option value="TT801_17237.pdf">TT801_17237</option>
  <option value="TT1067_CD_Holder.pdf">TT1067_CD_Holder</option>
  <option value="TT1163_28543_2up.pdf">TT1163_28543_2up</option>
  <option value="TT1163_28543_DIE.pdf">TT1163_28543_DIE</option>
  <option value="TT1237_32028.pdf">TT1237_32028</option>
  <option value="TT10804_18990_2up.pdf">TT10804_18990_2up</option>
</select> 
<a id="mylink" class="blueButton" href="#">Download</a>
</form>

我的粗略开发网站:

http://theuglybug.com/timbertech/

谢谢!

1 个答案:

答案 0 :(得分:0)

您需要做的是获取值而不是下拉菜单选项的文本。

var diecut = jQuery(".diecut").val();