javascript - 我想通过javascript自动更改选择标签的下拉菜单文本

Question

<select id="weight-unit" class="styled" name="weight-unit" data-placeholder="kg&nbsp;">
                        <option value="" selected></option>
                        <option  class="kg"  value="kg" id="kg" name="kg" >kg</option>
                        <option  class="lbs" value="lbs" id="lbs">lbs</option>
                    </select>

当用户单击按钮时，我希望下拉菜单应自动显示磅，而无需实际转到下拉菜单并选择它。

Answer 1

也许是这样的:

document.getElementById("idOfYourButton").addEventListener("click", function() {
    document.getElementById("weight-unit").value = "lbs";
}, false);

即使用document.getElementById()获取对您的按钮的引用(假设它有一个 id - 如果没有，则给它一个)，然后使用 addEventListener() method添加一个设置 select 元素的 .value 属性的点击处理程序。

请注意，上述代码需要位于按钮后面的脚本元素中，和/或位于文档就绪/加载处理程序中。

演示:http://jsfiddle.net/pan4ftn9/