javascript - 从下拉列表中选择 javascript 事件

Question

我有这个 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，但遇到了同样的问题。

那么当列表只包含一个元素时如何解决这个问题呢？

Answer 1

这有效:

$('#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() 包装器中，更改事件就会锚定到选择字段。

希望这有帮助。

http://jsbin.com/populo