javascript - 如何保存选择选项的名称而不是值

Question

我有这个代码:

$("#subscription").on('change', function(){
  $('#plan').val($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="bank_name" class="form-control input-md chosen-select" id="subscription">
  <option value="">Choose Bank</option>
  <option value="swiftbank1">bank 1</option>
  <option value="swiftbank2">bank 2</option>
</select>
<input type="text" id="plan" class="form-control input-md" name="swift">

它所做的是在输入字段中添加 swift 代码，效果很好!

问题是，当我在数据库中添加数据时，这两个值都是我选择的示例，我选择银行 1，然后两者都将保存为 swiftbank1。

我需要它在数据库中保存银行名称 (bank 1) 和 swift (swiftbank1)。

我知道值是什么，但是否可以在数据库中添加名称而不是值？在这种情况下，这个值可以从选择传递到输入。

谢谢

Answer 1

您可以使用 .text 来获取选定的文本。

$("#subscription").on('change', function(){
var text = $("#subscription :selected").text();
var value = $("#subscription").val();
console.log(text); // this will print text
console.log(value); // this will print value
//var plan = $('#plan').val(text); // this will change the value of plan
$("#plan").attr("value",text); // this will add the value attribute 
$('#plan').val(text); // this will change the value of plan
$('#subscription :selected').val(value);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<select name="bank_name" class="form-control input-md chosen-select" id="subscription">
<option value="">Choose Bank</option>
<option value="swiftbank1">bank 1</option>
<option value="swiftbank2">bank 2</option>
</select>
<input type="text" id="plan" class="form-control input-md" name="swift">