如何保存選擇選項的名稱而不是值

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());