javascript - onchange - 使用 jquery 选择的下拉列表

标签 javascript jquery

我在标题中有一个下拉列表,无论在标题中选择什么值,都应该在详细信息下拉列表中反射(reflect)相同的值,我应该怎么做?有线索吗?

$("#myddl").change(function()
{ 
     //update all the dropdown list...  
});

http://jsfiddle.net/abuhamzah/4QvfP/

  Header:
    <br />
    <select id="myddl" name="myddl">
        <option value="1">One</option>
        <option value="2">Twooo</option>
        <option value="3">Three</option>
    </select>
    <p>Detail</p>
        <br />
    <select id="Select1" name="myddl">
        <option value="1">One</option>
        <option value="2">Twooo</option>
        <option value="3">Three</option>
    </select>
    <br />
    <select id="Select2" name="myddl">
        <option value="1">One</option>
        <option value="2">Twooo</option>
        <option value="3">Three</option>
    </select>
    <br />
    <select id="Select3" name="myddl">
        <option value="1">One</option>
        <option value="2">Twooo</option>
        <option value="3">Three</option>
    </select>
    <br />
    <select id="Select4" name="myddl">
        <option value="1">One</option>
        <option value="2">Twooo</option>
        <option value="3">Three</option>
    </select>
    <br />
    <select id="Select5" name="myddl">
        <option value="1">One</option>
        <option value="2">Twooo</option>
        <option value="3">Three</option>
    </select>

最佳答案

按照这些思路行事。它将您的“详细信息”选择包装在一个容器中,使选择更加简单。

http://jsfiddle.net/qMXSR/2/

$("#myddl").change(function()
{ 
     $('.detail').find('select').val($(this).val());
});​

关于javascript - onchange - 使用 jquery 选择的下拉列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10491724/

相关文章:

javascript - Node : Pass array and display the values on html page

javascript - 我尝试过此控制台问题。 TypeError : Failed to execute 'appendChild' on 'Node' : parameter 1 is not of type 'Node'

javascript - rails : Controller redirect vs Javascript redirect

javascript - JQuery 合并两个函数 keyup 和 focusout

javascript - 以字符串为键迭代 JavaScript 对象

javascript - Node js如何有前导句路径?

javascript - 验证失败后表单仍然提交 JS

javascript - 返回队列中动画数量的简单函数

javascript - 3D效果jquery css3

javascript - 捕获 div 类的内容,包括 CSS 样式