Question

我选择了：

<select name="Deliveryaddress.Country" id="ctl01_ctl26_ctl00_ctl00_ctl05_ctl01_ctl00_ctl04_ctl00_ctl02_ctl00_Deliveryaddress.Country" class="form-control">
<option selected="selected" value="Česká republika">Česká republika</option>
<option value="Slovenská republika">Slovenská republika</option>

我需要插入密码电话才能输入（更改选择）：

<input name="deliveryaddress.Phone" type="text" id="deliveryaddress.Phone" class="form-control required">

如果已选择：

Česká republika = +420 (I need insert +420 to input deliveryaddress.Phone)

Slovenska Republika = +421 (I need insert +421 to input deliveryaddress.Phone)

这不起作用：

$("#Deliveryaddress\\.Country").change(function () {
var rec = $("#deliveryaddress\\.Phone");
switch (+this.value) {
    case 'Česká republika':
        rec.val("+420");
        break;
    case 'Slovenská republika':
        rec.val("+421");
        break;
}

}）。change（）;

Answer 1

首先。您的<select>的标签ID不是Deliveryaddress.Country，请购买ID selector（更多内容-https://api.jquery.com/category/selectors/）

第二。您可以只在<option>的{{1}}属性中编写国家代码，然后直接从value的值访问它，例如<select>将为您提供当前选择的{{1} } s $('select').val()（进一步阅读-http://api.jquery.com/val/）

这是您的代码的有效示例

<option>

value

Answer 2

这项工作：

 <select name="Deliveryaddress.Country" id="ctl01_ctl26_ctl00_ctl00_ctl05_ctl01_ctl00_ctl04_ctl00_ctl02_ctl00_Deliveryaddress.Country" class="DeliveryaddressCountry form-control">

捷克共和国斯洛文尼亚共和国

和脚本：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
          <script type="text/javascript">
          $('document').ready(function() {
            $('#deliveryaddress\\.Phone').val('+420')
          })     
          $('.DeliveryaddressCountry').on('change', function () {
              var code = '';
              switch (this.value) {
                  case 'Česká republika':
                      code = "+420";
                      break;

                  case 'Slovenská republika':
                      code = "+421";
                      break;  
              }
              $('#deliveryaddress\\.Phone').val(code);
          });
          </script>

更改选择时更改输入值

2 个答案: