更改jquery中选择框的内容

我有两个选择框，如：

<select id="bu_id">
  <option value="1">India</option>
  <option value="2">US</option>
  <option value="3">UK</option>
</select>

但它是在firefox中工作的，而不是在chrome中。你能帮我解决这个问题吗

---

提前谢谢。

我不明白为什么它在chrome上不起作用。通常在

中，第一个

是默认值。因为在标记中，您的第一个

是“India”，所以代码将被执行。看这个

您是在文档

ready（）

上执行此操作的吗？我想你应该把它包装在

change（）

事件中。因为我似乎不明白为什么你只改变了两个选项（选项2和选项4），为什么印度的货币是美元

---

下面的标记和脚本只是一个建议。我不知道这是否是你想要做的，只是给你一个想法

<select id="bu_id">
  <option value="Rupee">India</option>
  <option value="Dollar">US</option>
  <option value="Pound">UK</option>
</select>

<select id="role_id">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option> 
</select>

---

检查此项。

请将您的代码格式化得更好，您是否在chrome中遇到和控制台错误？不确定“OneToThree Four”是什么，但您的问题是否与相同？不，在这个问题中，它要求删除选项文本，我告诉您替换文本。

<select id="role_id">
   <option value="1">One</option>
   <option value="2">Two dollar</option>
   <option value="3">Three</option>
   <option value="4">Four dollar</option>
</select>

if($('#bu_id option:selected').text() == 'India'){
    $('#role_id option:contains("Two")').text('Two dollar');
    $('#role_id option:contains("Four")').text('Four dollar');
}

<select id="bu_id">
  <option value="Rupee">India</option>
  <option value="Dollar">US</option>
  <option value="Pound">UK</option>
</select>

<select id="role_id">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option> 
</select>

$('#bu_id').change(function(){
    var val = $(this).val();

    $('#role_id option').each(function(){
        var text = $(this).text();       
        text = text.split(' ')[0];

        if($(this).is(':first-child')){
            text = text+' '+val
        }else{
            text = text+' '+val+'s'
        }

        $(this).text(text)        
    });

}).trigger('change');