从选择值中获取div id

时间:2014-03-20 19:54:34

标签: javascript jquery html css

美好的一天。请帮我。我有一个代码:

<form action="" method="post" id="dynamic_selects">
    <table>
        <tr>
            <td>
                <select id="type" multiple>
                    <option value="63">1963</option>
                    <option value="64">1964</option>
                    <option value="65">1965</option>
                    <option value="66">1966</option>
                    <option value="67">1967</option>
                    <option value="68">1968</option>
                    <option value="69">1969</option>
                    <option value="70">1970</option>
                    <option value="71">1971</option>
                    <option value="72">1972</option>
                    <option value="73">1973</option>
                    <option value="74">1974</option>
                    <option value="75">1975</option>
                    <option value="76">1976</option>
                    <option value="77">1977</option>
                    <option value="78">1978</option>
                    <option value="79">1979</option>
                    <option value="80">1980</option>
                    <option value="81">1981</option>
                    <option value="82">1982</option>
                    <option value="83">1983</option>
                    <option value="84">1984</option>
                    <option value="85">1985</option>
                    <option value="86">1986</option>
                    <option value="87">1987</option>
                    <option value="89">1989</option>
                    <option value="91">1991</option>
                </select>
            </td>
            <td>
                <select id="kind" disabled multiple>
                    <option value="0"></option>
                </select>
            </td>
            <td>
                <select id="category" onchange="showhideBlocks(this.value)" disabled multiple>
                    <option value="0"></option>
                </select>
            </td>
        </tr>
    </table>
</form>

我想根据'category'中的值更改此DIV ID:

<div id="iT635" style="display:none;">
    <a href="#" role="button" data-toggle="modal"><img src="./docs/button-blyat.jpg"></a>
</div>

并且href也是,根据'category'的值(另一个文件中的值,所以我不会在这里发布)

感谢。 附:还有一个问题:如何禁止多个选择,但在列中保留选择框相同?

1 个答案:

答案 0 :(得分:1)

<强> HTML:

<div id="iT635" style="display:none;" class="someDiv"> ...

<强> JS:

// Bind a change event on drop down!
$('#type').change(function(){
$('.someDiv').attr('id' , $('#type').val() );
});

和类似的代码:

$('.someDiv a').attr('href' , 'some-link#' + $('#type').val() );