0

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

我需要更改以下文本：#shippingStateSpan from Destination State -> Destination Province，即使在选择某些内容后也要离开。

这是我的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>
4

2 回答 2

0

尝试这个：

$(document).ready(function(){

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

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

    $span.html('Destination Province');

  });

});
于 2012-09-05T14:38:59.193 回答
0

尝试这个

​$(function() {

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

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

});​

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

于 2012-09-05T17:12:30.747 回答