jQuery根据单击的锚点更改选择框值 [英] jQuery change the select box value based on anchor clicked

问题描述

当有人点击链接时我需要更改选择框值

When some one clicks a link I need the select box value to change

<a class="cli" href="0">Jan</a>
<a class="cli" href="1">Feb</a>
<a class="cli" href="2">Mar</a>
<a class="cli" href="3">Apr</a>
<a class="cli" href="4">May</a>
<a class="cli" href="5">Jun</a>
[...]
<a class="cli" href="11">Dec</a>

<select class="ui-datepicker-month">
<option value="0" style="display: none;">Jan</option>
<option value="1" style="display: none;">Feb</option>
[...]
<option value="9" style="display: none;">Oct</option>
<option selected="selected" value="10" style="display: none;">Nov</option>
<option value="11" style="display: none;">Dec</option>
</select>

这是我到目前为止所做的，认为它会很简单，只是无法绕过它：

Here is what I have so far, thought it was gonna be simple just cant wrap my head around it:

$("a.cli").click(function(event){ //when anchor is clicked
            event.preventDefault();
            $(".ui-datepicker-month").val($(this).text());
        });  
    });

我也试过这个

$("a.cli").click(function(event){ //when anchor is clicked
        event.preventDefault();
        $(".ui-datepicker-month").val($(this).attr("href"));
    });  
});

仍然无效。

推荐答案

由于值值保存在 href 属性中，请使用：

Since the value values are saved at the href attribute, use:

$("a.cli").click(function(event){ //when anchor is clicked
    event.preventDefault();
    $(".ui-datepicker-month").val($(this).attr("href"));
});  

这篇关于jQuery根据单击的锚点更改选择框值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！