使链接目标依赖于表单值
Make link target depend on form values
我有一个django视图,其中包含一个简单的形式和链接表。表单有一个下拉框,链接的查询参数应该包含下拉框的值。例如,如果下拉菜单中有选项1、2和3,其中2被选中,那么表的前三行中的链接目标应该是这样的:
/preview/first?other_arg=somevalue&choice=2
/preview/second?different=argument&choice=2
/preview/third?choice=2
除了arg=2
之外的所有内容都是为每行预定义的。
在我看来,有两种方法可以做到这一点。我可以在下拉值更改时重新创建所有链接,也可以在单击链接时创建链接。我一直试图通过第二种方法做到这一点,但我不能让它工作(即什么都没有发生,当我点击链接)。我创建了一个小提琴来展示我的测试代码:http://jsfiddle.net/LcY8c/4/
这是最好的方法吗?谁能指出我哪里错了?
我把你的小提琴改了一下。将id更改为class,并将jQuery从单击事件更改为更改事件。你在找这个吗?
http://jsfiddle.net/Grevling/LcY8c/17/<div>
<select id="choiced">
<option choice="1">1</option>
<option choice="2">2</option>
<option choice="3">3</option>
</select>
</div>
<div>
<a class="link" base="/link1" href="#">link1</a>
<a class="link" base="/link2?arg1=1" href="#">link2</a>
<a class="link" base="/link3?arg1=other" href="#">link3</a>
</div>
脚本:
$(document).ready(function () {
$("#choiced").change(function () {
var reportType = $('#choiced').val();
var link = $('a').attr('base') + '&choice=' + reportType;
$("a").each(function (index) {
$(this).attr("base", $(this).attr("base") + '&choice=' + reportType);
});
});
});
您使用相同值的id属性3次。Id属性应该是唯一的。
<a id="link" base="/link1" href="#">link1</a>
<a id="link" base="/link2?arg1=1" href="#">link2</a>
<a id="link" base="/link3?arg1=other" href="#">link3</a>
相关文章:
- 我未保存的更改指令需要适用于具有不同名称的所有表单
- 如何从应用于正文的css中排除特定的表单
- jQuery表单验证(如果==“执行此操作”)仅适用于第一次输入
- Javascript表单.使一个条目依赖于另一个条目
- PHP表单适用于索引,但不适用于联系我们页面
- 制作表单's onsubmit仅适用于特定提交
- 如何防止我的$('form').submit(函数(事件))应用于某些表单
- JQuery验证仅适用于提交的表单中的第一个元素.[打算验证所有内容]
- jQuery表单验证只适用于一次发布
- 使用内部脚本更改表单元格 css,而不依赖于 id、类或包含
- 显示依赖于下拉框选择的表单字段
- 专注于第一个表单元素,无论它是什么.j查询对话框
- document.getElementById 适用于一个表单元素,但不适用于另一个表单元素
- HTML表单输入依赖于以前的表单输入与javascript和php,不工作
- 隐藏表列依赖于按钮在多个动态json数组键基于angularjs
- 依赖于选择列表的交互式表单不起作用
- 使链接目标依赖于表单值
- 使用Django、CSS和Javascript使HTML表单文本字段依赖于复选框的选择
- 隐藏表列依赖于多个动态json数组中的按钮
- Javascript这个表单相当于jquery表单