从下拉列表中选择值时,从输入字段清除值

时间:2017-11-09 15:05:58

标签: javascript jquery

我有这个下拉列表:

<select name="group_psoft" id="group_psoft">
    <option value="0" selected="selected" title="0">---select---</option>
    <option value="100" title="100">100</option>
    <option value="200" title="200">200</option>
    <option value="300" title="300">300</option>
</select>

和一个输入字段:

<input id="name" value="">

当我在下拉列表中更改值时,如何清除“名称”输入的值?

亲切的问候

3 个答案:

答案 0 :(得分:2)

只需在jquery中使用pragma solidity ^0.4.15; contract Forensics{ string public info; string public ForensicsSpecName; string public AdditionalInfo; string public timedate; function getForensName(string name){ ForensicsSpecName = name; } function getInfo(string Info){ info = Info; } function getAdditionalInfo(string ainfo){ AdditionalInfo = ainfo; } function getdatetime(string information){ timedate = information; } } 函数,当您更改change()时会触发该函数

Read Here about .change()

&#13;
&#13;
select
&#13;
$('#group_psoft').change(function() {$('#name').val('')}); 
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您只需要使用列表的change事件,然后在每次更改时更新输入。

&#13;
&#13;
$('#group_psoft').change(function() {
  // Set the input's value to the current value of the list
  $('#name').val(this.value);
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="group_psoft" id="group_psoft">
<option value="0" selected="selected"title="0">---select---</option>
<option value="100" title="100">100</option>
<option value="200" title="200">200</option>
<option value="300" title="300">300</option>
</select>
<input id="name" value="Initial Value">
&#13;
&#13;
&#13;

答案 2 :(得分:0)

当下拉选择更改时,这将清除输入字段:

&#13;
&#13;
$("#group_psoft").on("change", function(){
  $("#name").val("");
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="group_psoft" id="group_psoft">
<option value="0" selected="selected"title="0">---select---</option>
<option value="100" title="100">100</option>
<option value="200" title="200">200</option>
<option value="300" title="300">300</option>
</select>

<input id="name" value="">
&#13;
&#13;
&#13;