我想通过javascript自动更改select标记的下拉菜单文本 公斤 磅

当用户单击某个按钮时，我希望下拉菜单会自动显示lbs，而无需实际进入下拉菜单并选择它。

可能有点像这样：

<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>

也就是说，使用获取对按钮的引用（假设它有一个id-如果没有，就给它一个），然后使用添加一个单击处理程序来设置select元素的

.value

属性

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

---

演示：

也许有点像这样：

<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>

也就是说，使用获取对按钮的引用（假设它有一个id-如果没有，就给它一个），然后使用添加一个单击处理程序来设置select元素的

.value

属性

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

---

演示：

也许有点像这样：

<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>

也就是说，使用获取对按钮的引用（假设它有一个id-如果没有，就给它一个），然后使用添加一个单击处理程序来设置select元素的

.value

属性

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

---

演示：

也许有点像这样：

<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>

也就是说，使用获取对按钮的引用（假设它有一个id-如果没有，就给它一个），然后使用添加一个单击处理程序来设置select元素的

.value

属性

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

---

演示：

当按下特定按钮时，我们可以使用jQuery设置

select

标记的值。假设您有一些

按钮

，带有

id

“enterLbs”：

因此，当按下带有

id的
按钮
时，带有
id的
选择
“重量单位”将其值设置为
lbs
。考虑下面的工作示例：

如果不想使用jQuery，可以使用JavaScript的
document.getElementById
函数向
按钮添加事件处理程序，该按钮具有
id
“enterLbs```”：

$("#enterLbs").click(function() {
    $("#weight-unit").val("lbs");
});

如果您不想使用jQuery，请考虑使用此JSFIDLE:。
当按下特定按钮时，我们可以使用jQuery设置
select
标记的值。假设您有一些
按钮
带有
id
“enterLbs”：

<> P> >当<代码>按钮>代码> ID “CHILLBS”时，<代码>选择< <代码> > <代码> ID >代码>“权重单位”，其值设置为<代码> LBS。请考虑以下工作示例：

如果不想使用jQuery，可以使用JavaScript的
document.getElementById
函数向
按钮添加事件处理程序，该按钮具有
id
“enterLbs```”：

$("#enterLbs").click(function() {
    $("#weight-unit").val("lbs");
});

如果您不想使用jQuery，请考虑使用这个JSFIDLE:。
当按下特定按钮时，我们可以使用jQuery设置
select
标记的值。假设您有一些
按钮
，带有
id
“enterLbs”：

因此，当按下带有
id的
按钮
时，带有
id的
选择
“重量单位”将其值设置为
lbs
。考虑下面的工作示例：

如果不想使用jQuery，可以使用JavaScript的
document.getElementById
函数向
按钮添加事件处理程序，该按钮具有
id
“enterLbs```”：

$("#enterLbs").click(function() {
    $("#weight-unit").val("lbs");
});

如果您不想使用jQuery，请考虑使用此JSFIDLE:。
当按下特定按钮时，我们可以使用jQuery设置
select
标记的值。假设您有一些
按钮
带有
id
“enterLbs”：

<> P> >当<代码>按钮>代码> ID “CHILLBS”时，<代码>选择< <代码> > <代码> ID >代码>“权重单位”，其值设置为<代码> LBS。请考虑以下工作示例：

如果不想使用jQuery，可以使用JavaScript的
document.getElementById
函数向
按钮添加事件处理程序，该按钮具有
id
“enterLbs```”：

$("#enterLbs").click(function() {
    $("#weight-unit").val("lbs");
});

如果您不想使用jQuery:。
您尝试过什么吗？我尝试过许多使用javascript将文本设置为选中状态的解决方案，但都没有成功。您尝试过任何方法吗？我尝试过许多使用javascript将文本设置为选中状态的解决方案，但都没有成功。您尝试过任何方法吗？我尝试过尝试了许多使用javascript将文本设置为选中的真值的解决方案，但它们都不起作用。你尝试过什么吗？我尝试过许多使用javascript将文本设置为选中的真值的解决方案，但它们都不起作用