php - 如何让 jQuery 根据所选图像填写隐藏表单

Question

我将如何实现允许根据所选图像(在本例中基于锚定链接)自动填充隐藏字段值的功能，这样当这个菜单的表单是里面被提交。我认为如果有人想要恶意并在提交链接之前编辑 # 之后的值，那么在下一页上对锚定链接进行正则表达式处理可能会有点问题。在这种情况下，如果单击第一个选项，我希望传递错误，第二个选项的内容，依此类推(基本上它填充锚定链接中当前的任何内容)

菜单代码 -

<div id="feedback-topic.buttons">
    <a href="#bug"><img src="lib/feedback-bug_off.jpg" alt="bug" width="75" height="49" border="0" class="img-swap" /></a>
    <a href="#content"><img src="lib/feedback-site_content_off.jpg" alt="site_content" width="121" height="49" border="0" class="img-swap" /></a>
    <a href="#suggestion"><img src="lib/feedback-suggestion_off.jpg" alt="suggestion" width="117" height="49" border="0" class="img-swap" /></a>
    <a href="#compliment"><img src="lib/feedback-compliment_off.jpg" alt="compliment" width="120" height="49" border="0" class="img-swap" /></a>
    <a href="#checkout"><img src="lib/feedback-checkout_off.jpg" alt="checkout" width="107" height="49" border="0" class="img-swap" /></a>
    <a href="#other"><img src="lib/feedback-other_off.jpg" alt="other" width="83" height="49" border="0" class="img-swap" /></a>
</div>

jQuery 代码 -

// Allows for only one feedback topic to be selected
$(function(){
    $(".img-swap").live('click', function() {
        this.src = this.src.replace('_off', '_on');
        $('.img-swap').not(this).attr('src', function(index, attr) {
            return attr.replace('_on', '_off');
        });
    });
});

Answer 1

1. 找到事件图片。
2. 使用 $(this).attr( "href") 获取“#link”部分。
3. 使用 .substr(1) 函数去除散列。
4. 使用.val(value) jQuery function根据 3 设置表单元素的值。