如何獲取輸入文本字段在選擇框中的值選項值

我使用了帶有搜索輸入和「添加」按鈕的自定義選擇框。此輸入字段的作用類似於搜索和搜索下拉選項中的值。但是當值與值不匹配時，我需要點擊該添加按鈕時，該字段的值應該添加到該選項中，並且還充當下拉列表的選定值。請幫助...如何獲取輸入文本字段在選擇框中的值選項值

感謝名單..

$(function() { 
 
     $(".standards").customselect(); 
 
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src='http://classvita.com/admin/res/javascripts/jquery-customselect.js'></script> 
 
<link href='http://classvita.com/admin/res/stylesheets/jquery-customselect.css' rel='stylesheet' /> 
 
<select name='standard' class='custom-select standards'> 
 
    <option value=''>Add Particular</option> 
 
    <option value='1'>abc</option> 
 
    <option value='2'>aabc</option> 
 
    <option value='3'>abbc</option> 
 
</select>

來源

2016-12-05 Ankit Jain

添加完整的代碼至今。我們不知道什麼是您的添加按鈕和其他細節 – ScanQR

只需點擊添加特定的，有一個下拉列表，並在最後它有一個添加按鈕..和它的代碼是在鏈接的js文件 –

你能告訴我們什麼是代碼添加新項目？它是由插件生成的嗎？ – ScanQR

這是解決不了問題，不過這是達成解決方案的方式。

<select name='standard' class='custom-select standards' id="SelectList"> //add id attribute 
<option value=''>Add Particular</option> 
<option value='1'>abc</option> 
<option value='2'>aabc</option> 
<option value='3'>abbc</option> 
</select>

這裏是你如何添加一個選擇列表項：

JS：

var html = "<option value=\""+ ListItemNumber +"\">"+ TheSearchTerm +"</option>"; 
$('#SelectList').append(html); //binding the html 
$('#SelectList').val(ListItemNumber); //Select the ListItem

希望這有助於你.....

來源

2016-12-05 09:38:50

您需要附加click事件在你的Add New Item按鈕上，並點擊該按鈕，你應該創建一個新的選項，並添加到您的custom選擇如下，

$(document).on('click', "#add_new_button_id", function(){ 
    //get the value from input text 
    var typedValue = $("#input_id").val(); 
    //create option on click and add to your custom select 
    $('.custom-select').append($("<option></option>").attr("value", typedValue).text(typedValue)); 
});

來源

2016-12-05 09:40:16 ScanQR

sry man ...它失敗了... –

@AnkitJain發佈您的更改並在哪裏失敗？ – ScanQR

$('body').on('change','select[name="standard"]',function(){ 

var pid = $(this).val(); //grabbing the current value of the select. 
if(check here if pid lies in some sort of arrays ,values etc) 
{ 
$('select[name="standard"]').append('<option value="'+pid+'">'+pid+'</option>'); 

} 
});

來源

2016-12-05 11:00:14

$(function() { 
 
     $(".standards").customselect(); 
 
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src='http://classvita.com/admin/res/javascripts/jquery-customselect.js'></script> 
 
<link href='http://classvita.com/admin/res/stylesheets/jquery-customselect.css' rel='stylesheet' /> 
 
<select name='standard' class='custom-select standards'> 
 
    <option value=''>Add Particular</option> 
 
    <option value='1'>abc</option> 
 

 
    <option value='2'>aabc</option> 
 
    <option value='3'>abbc</option> 
 
</select>

來源

2018-02-16 11:38:59

如何獲取輸入文本字段在選擇框中的值選項值

回答

相關問題