Question

我有这行HTML代码

＆＃13;

$(document).ready(
  function() {
    $('select[name=tipe_aktiva]').change(
      function() {
        var newText = $('option:selected', this).text();
        $('#tipeLabel').text(newText);
      }
    );
  }
);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<select class="form-control col-md-7 col-xs-12" id="tipe_aktiva" name="tipe_aktiva" required="required">    		
		<option value="">Please Select</option>
		<option value="1">AKtiva tetap</option>
		<option value="2">AKtiva tidak tetap</option>
</select>

<label style="padding: 8px 0px;" id="tipeLabel" name="tipeLabel"></label>

＆＃13;

它工作得很好，但它改变标签的下拉文字而不是价值。我想知道是否有可能获得下拉的价值来改变我的标签。在这种情况下，如果我选择＆＃34; Aktiva tetap＆＃34;将是1，如果我选择＆＃34; Aktiva tidak tetap＆＃34;

提前致谢

Answer 1

这将获得所选文本：

var newText = $('option:selected',this).text();

这会获取所选的值（来自<select>本身，而不是来自<option>，但它应该没有区别）：

var newText = $(this).val();

只需使用该值：

var newValue = $(this).val();
$('#tipeLabel').text(newValue);

Answer 2

试试这个......

$(document).ready(
  function() {
    $('select[name=tipe_aktiva]').change(
      function(){
        var newText = $('option:selected',this).val(); //cahnge this line
        $('#tipeLabel').text(newText);
      }
      );
  }
  );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<select class="form-control col-md-7 col-xs-12" id="tipe_aktiva" name="tipe_aktiva" required="required">            
                                            <option value="">Please Select</option>
                                            <option value="1">AKtiva tetap</option>
                                            <option value="2">AKtiva tidak tetap</option>
                                        </select>
                                        
                                        <label style="padding: 8px 0px;" id="tipeLabel" name="tipeLabel"></label>

使用下拉列表更改标签的值不是使用jquery的文本

2 个答案: