当前位置: 首页 > 知识库问答 >
问题:

在按钮上,单击激发或模拟选择下拉列表显示

翟柏
2023-03-14

null

<select id="sel1">
    <option value="">Please select an option</option>
    <option value="1">Val1</option>
    <option value="2">Val2</option>
    <option value="3">Val3</option>
</select>
<button id="btn">fire</button>

https://jsfidle.net/stefchrif/2vz7fog3

共有1个答案

邓毅
2023-03-14

您需要使用click event,然后使用值为“option[value=”2“]”的find option,然后将prop selected设置为true

https://api.jquery.com/prop/

null

js lang-js prettyprint-override">// click on button
$('#btn').click( function() {
  //$('#sel1').find('option[value="2"]').prop('selected', true);
  var size = $('#sel1 option').length;
  if (size != $("#sel1").prop('size')) {
      $("#sel1").prop('size', size);
  } else {
      $("#sel1").prop('size', 1);
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="sel1">
    <option value="">Please select an option</option>
    <option value="1">Val1</option>
    <option value="2">Val2</option>
    <option value="3">Val3</option>
</select>
<button id="btn">fire</button>
 类似资料:
  • 我有这个脚本: 我在这里包括当addBtn点击下拉o select标记将重置为其默认值。此代码: 这是我的示例表: 当我尝试它时,我选择值,然后点击添加按钮,但它仍然没有重置,而是显示我选择的一个。而当我在下拉列表中没有选择任何内容而再次添加时,该值为空或无值。我认为它在后端工作,但在我显示的一个不工作。有人告诉我问题出在哪里吗?

  • 我试图简单地点击下拉列表,在我输入单词前进后显示。但是我总是被抛出一个错误。线程“main”org.openqa.selenium.NoSuChelementException:没有这样的元素:无法找到元素:

  • 问题内容: 当我单击他的图像时,我想选择单选按钮,但是它不起作用。这是我尝试过的: 我的两个属性都具有相同的 data =“” 属性:对于图像和输入,单击图像时,是否有任何方法可以检查输入(该收音机)? 谢谢 更新: 我发现一些代码有效,但是仅在图像上单击了三下,因此当单击最后一个脚本时,脚本停止了,无法再次选择第一个或第二个,我不知道为什么…我认为必须取消选中所有单选按钮,然后选中选中的一个按钮

  • 我必须从下拉列表中选择多个值,并在单击提交时将其显示在文本区域中。我不知道如何将多个值传递给控制器,并获取它以相同的形式显示在文本区域中。。。。

  • 问题内容: 模拟按钮单击似乎是非常简单/标准的操作。但是,我无法在Jest.js测试中使用它。 这是我尝试过的(也可以使用jquery进行此操作),但似乎没有触发任何操作: 问题答案: #1使用笑话 这就是我使用笑话嘲笑回调函数来测试click事件的方式 我还使用了一个称为酶的模块 酶是一种测试实用程序,可让您更轻松地断言和选择您的React组件 #2使用Sinon 另外,您可以使用另一个称为si

  • 我正在创建一个表格,要求选择学位使用单选按钮。根据选择的单选按钮,下拉列表中的值会发生更改。现在,我想在文本框中显示一些值,这取决于从下拉列表中选择的选项。 在这里,我可以改变选择单选按钮下拉列表中的值,但不能显示在从下拉菜单中选择值的文本框中。下面是我的java脚本代码: }