Question

我有一个动态给出的下拉标题，我可以在页面加载时更改它。但是一旦我从下拉列表中选择了一个项目，它就会变回来。我正在寻找一个简单的jquery js解决方案，可以帮助在选择项目时保留名称。

我需要更改文本：#shippingStateSpan from Destination State - ＆gt;目的地省，即使选择了某些东西也会离开。

这是我的HTML：

<div class="shippingStateDiv">
    <span id="shippingStateSpan">Destination State<br />
    </span>
    <select name="shippingState" id="shippingState" class="shippingDropDown"
         onchange="ApplyTaxRate(this.value,4040828,1,1,0);">
             <option value="-1" selected="selected">Please Select</option>
             <option value="129654">AB</option>
             <option value="129653">BC</option>
             <option value="129652">MB</option>
             <option value="129647">NB</option>
    </select>
</div>

这是我用来最初进行更改的js（但是在我选择之后它会改变回来）我假设一个jquery .on函数可能是可能的，但我不知道该怎么做。谢谢你的帮助。

<script type="text/javascript">
     $("#shippingStateSpan").text("Destination Province");
</script>

Answer 1

试试这个：

$(document).ready(function(){

  var $select = $('#shippingState'),
      $span = $('#shippingStateSpan');

  $select.on('change', function(){

    $span.html('Destination Province');

  });

});

Answer 2

试试这个

$(function() {

    $('#shippingState').on('change', function() {

        $('#shippingStateSpan').text('Destination Province')
    });

});

在这里查看工作示例http://jsfiddle.net/sushanth009/zp7bA/

在选择更改时更改动态div内的文本jquery

2 个答案: