我有这个 html 部分代码:
<p><label>Taxe </label>
<select id="id_taxe" name="id_taxe" style="width: 100px;" onchange="taxselection(this);"></select>
<input id="taxe" name="taxe" class="fiche" width="150px" readonly="readonly" />%
</p>
Javascript方法:
function taxselection(cat)
{
var tax = cat.value;
alert(tax);
$("#taxe").val(tax);
}
我想将 taxe
输入的值设置为下拉列表中选定的值。仅当下拉列表包含多个元素时,它才能正常工作。
我尝试使用 onselect
而不是 onchange
,但遇到了同样的问题。
那么当列表只包含一个元素时如何解决这个问题呢?
最佳答案
这有效:
$('#id_taxe').change(function(){
var thisVal = $(this).val();
var curVal = $('#taxe').val();
if(thisVal != curVal)
$('#taxe').val(thisVal);
$('#select option:selected').removeAttr('selected');
$(this).attr('selected','selected');
});
使用对选择框非常有效的更改方法。只需检查当前是否选择了所选项目,如果没有,请将输入值设置为所选值。最后,您要删除任何“selected=selected”选项的属性,并将当前选项设置为已选中。
只需将其包含在 HTML 末尾的 $(document).ready() 包装器中,更改事件就会锚定到选择字段。
希望这有帮助。
关于javascript - 从下拉列表中选择 javascript 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32279917/