javascript - 如何使用 jquery 设置文本选择 html?

标签 javascript jquery html select

我创建了更多关于此的示例,但是当我尝试时,它不起作用。

$(window).load(function () {
$("#country").html('Please select in here');
});
<select id="country">
<option value="None">-- Select --</option>
<option value="China">China</option>
<option value="United State">United State</option>
<option value="Malaysia">Malaysia</option>
</select>

请查看它并告诉我“为什么它不起作用?”。谢谢大家

最佳答案

替换 <select id="country"> 之间的全部内容是不切实际的和 </select>'Please select in here' ?如果你只是想替换第一个选项的内容,那么试试这个。

$(window).load(function () {  
  //$("#country").html('Please select in here');
});

$(document).ready(function() {
  //$("#country").html('Please select in here');
  $("#country").find("option:first-child").html('Please select in here');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="country">
<option value="None">-- Select --</option>
<option value="China">China</option>
<option value="United State">United State</option>
<option value="Malaysia">Malaysia</option>
</select>

关于javascript - 如何使用 jquery 设置文本选择 html?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32621918/

相关文章:

javascript - 根路由组件未连接到 redux

javascript - 等待所有数据加载完毕。 AngularJS

jquery - 期望节点时返回对象

javascript - Facebook 查询循环问题

javascript - 在 JS 变量中传递 '+' 符号

c# - 对 async Task<string> 的 AJAX 调用成功命中该方法,但返回失败

php - 子div不随父调整大小

php - 从用户处获取数据并在 python 脚本中使用该数据

html - Bootstrap 导航栏在屏幕尺寸不可移动时显示 2 行

javascript - 为什么绑定(bind)到 <applet> 的 'load' 事件处理程序没有被调用?