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

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"> 

它的作用是在输入字段中添加快速代码，效果很好！

问题是，当我在数据库上添加数据时，两个值都是我选择的示例，我选择了bank 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"> 

Answer 2

尝试此操作以获取所选选项的文本

$("#subscription").on('change', function(){
    $('#plan').val(this.options[this.selectedIndex].text);
});

Answer 3

由于您需要传递值以将其存储在数据库中，因此一种快速的方法是将value保留为swiftbank1###bank1

在服务器端用###分割字符串，并像下面这样分别存储：

 $selectValue = $_POST['select_name'];
 $valueArray = explode("####",$selectValue);

$valueArray[0]将具有swiftbank1 ， $valueArray[1]将具有bank1

Answer 4

使用这个$('#plan').val($('#subscription option:selected').text());