jQuery Получить остальные значения опционов в формате CSV -- jquery пол Связанный проблема

jQuery get remaining OPTION values in CSV format


1
vote

проблема

русский

Я хочу вернуть форматунную строку CSV, чтобы установить значение поля входного текста с значениями параметров из окна выбора.

$. Карта ($ ('# Добавлена ​​добавленная варианта ChargeCheamtid »), Функция (E) {var exp = $ (e) .Text (); оповещение (опыт); })

в использовании функции карты, но она выглядит перезаписать значение каждый раз. не могу понять, как их совместно друг с другом.

BTW Благодаря всем Guurus JQuery Guurus сегодня, много реквизитов по моим вопросам !!!

Обновление:

 <код> <option value="123">123</option> <option value="asd">asd</option> <option value="trr">trr</option> <option value="345">345</option>   

Мне нужно это:

123, asd, trr, 345

Но варианты динамичны и могут быть добавлены или удалены, поэтому может быть 1 или 100

Новое:

Ну это вроде работы. Это дает мне 4 варианта того же предмета, когда я только добавил его только один раз. также не обновляет скрытое текстовое поле с значением CSV

 <код> // Add remove button $('#addButton').click(function() {    $('#removeButton').show();     // Add     var myOptions = $('#typedchargeamtid').val();    $.each(myOptions, function() {       $('#addedchargeamtid').append(          $('<option></option>').val(myOptions).html(myOptions)       );    });     var txt = $('#addedchargeamtid').val() || [];       $('#commasepchargeamtid').val(txt.join(','));    });   

Спасибо снова

Английский оригинал

I'm looking to return a CSV formatted string to set the value of a input text field with the OPTION values from a SELECT box.

$.map($('#addedchargeamtid option'), function(e) { var exp = $(e).text(); alert(exp); })

In using a map function but it looks to overwrite the value each time. can't figure out how to concat these together somehow.

BTW thanks to all the jQuery Gurus today, much props on my issues!!!

UPDATING:

<option value="123">123</option> <option value="asd">asd</option> <option value="trr">trr</option> <option value="345">345</option> 

I need this:

123,asd,trr,345

But the options are dynamic and can be added or removed, so there could be 1 or 100

NEW:

Well this is kinda working. it gives me 4 options of the same item when I only added it once. also does not update the hidden text field with the CSV value

// Add remove button $('#addButton').click(function() {    $('#removeButton').show();     // Add     var myOptions = $('#typedchargeamtid').val();    $.each(myOptions, function() {       $('#addedchargeamtid').append(          $('<option></option>').val(myOptions).html(myOptions)       );    });     var txt = $('#addedchargeamtid').val() || [];       $('#commasepchargeamtid').val(txt.join(','));    }); 

Thanks again

</div
  
         
         

Список ответов

6
 
vote
vote
Лучший ответ
 

Вы можете использовать каждый вместо карты:

 <код>     var options = Array();     $('#addedchargeamtid option').each(function(index){         options[index] = $(this).val();     });      $('#commasepchargeamtid').val(options.join(','));   
 

You can use each instead of map:

    var options = Array();     $('#addedchargeamtid option').each(function(index){         options[index] = $(this).val();     });      $('#commasepchargeamtid').val(options.join(',')); 
</div
 
 
   
   
0
 
vote

jquery Документация утверждает, что функция $ .val () при использовании на выборе вернет список выбранных значений. Просто просто используя это с <код> array.join должен выполнить то, что вы ищете, я верю.

 <код> var txt = $('#addedchargeamtid option').val() || []; $('#myinputbox').val(txt.join(','));   

или есть Array.reduce JavaScript 1.8

 <код> var txt = $('#addedchargeamtid option').val() || []; $('#myinputbox').val(txt.reduce(    function(prev, next, index, array){        return prev + "," + next;    },    '') );   
 

The JQuery documentation states that the $.val() function when used on a select will return a list of selected values. Just simply using that with an array.join should accomplish what you are looking for I believe.

var txt = $('#addedchargeamtid option').val() || []; $('#myinputbox').val(txt.join(',')); 

Or there is an array.reduce function in Javascript 1.8

var txt = $('#addedchargeamtid option').val() || []; $('#myinputbox').val(txt.reduce(    function(prev, next, index, array){        return prev + "," + next;    },    '') ); 
</div
 
 
 
 

Связанный проблема

0  Ошибка прокладывания слайдера jQuery: ... не удалось конвертировать аргумент JavaScript ARG 0 [NSIDOMHTMLanChorElement.appendChild]  ( Jquery slider throwing error could not convert javascript argument arg 0 ns ) 
Наш сайт Dev Dev имеет ползунок отлично работает здесь: http://allblacks.01dev.co.nz/index.cfm layout = dnahome Однако мы просто поставили сайт Live, и ...

2  Как получить выделенные тексты?  ( How to get the highlighted texts ) 
Я пытаюсь получить выбранные тексты от пользователя (выделенный текст, который выделяет пользователь). У меня есть следующее: <код> function getSelectedTe...

2  Scala.js: выбор и манипулирующий сгенерированный SVG  ( Scala js selecting and manipulating generated svg ) 
Я борюсь с чем-то, казалось бы, простым. Использование SCAJA.JS, я создал несколько SVG с библиотекой STALATAGS. Теперь я хочу манипулировать элементами S...

0  Как вы делаете Div пойти по другому меню Div / NAV, которое не исправлено?  ( How do you make a div go under another div nav menu which is not fixed ) 
Я пытаюсь сделать Div, идут под очередной div, в котором ни один не фиксирован элементы. Вот мой код: <Код> ul { list-style-type: none; margin: ...

0  jquery widget factory setoptions и setoption  ( Jquery widget factory setoptions and setoption ) 
Можете ли вы помочь, помогите, я пытаюсь понять концепцию <код> setOptions и <код> setOption на заводе виджета. в коде ниже я подумал, что если я изменил ...

0  jQuery Validator Плагин и Радио кнопки Проблемы  ( Jquery validator plugin and radio buttons issues ) 
У меня есть проблема с плагином Validator jQuery & AMP; Радио-кнопки. У меня есть набор из трех "lookingfor" Радиоугольники ... и я хочу убедиться, что хотя...

1  jquery адрес плагин  ( Jquery address plugin issue ) 
Я использую плагин jQuery Address, я реализовал плагин на странице списка, когда я нажимаю на одну из ссылок, функция будет вытащить данные, используя AJAX и ...

1  Функция валидации угловых JS Возвращает до завершения вызова API для проверки  ( Angular js validation function returns before the api call for validation is com ) 
<код> if (!validate()) { return; }; function validate() { var nameIsValid = ...

0  jQuery - скрыть предметы, если окно недостаточно высокое  ( Jquery hide items if window is not tall enough ) 
У меня есть фиксированная строка меню слева от страницы. Но я хотел бы, чтобы пункты меню были скрыты, если в окне достаточно высока, чтобы показать все элеме...

0  Почему это работает над сафари и Firefox, но не на хроме?  ( Why is this working on safari and firefox but not on chrome ) 
У меня есть адаптивное меню навигации, он работает следующим образом: при изменении размера окна появляется значок «Гамбургер» (три строки). Нажатие на этот з...

0  Обработчик событий не обнаруживается внутри $ (документ). Ready () [закрыто]  ( Event handler not getting detected inside document ready ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> закрыто. Этот вопрос не воспроизводится или был вызван опечаткам...

2  Совет инструмента не работает на текстовой зоне Bootstrap  ( Tool tip not working on text area bootstrap ) 
У меня есть форма Bootstrap 3, на которой я применяю Tootip через скрипт. Toottip работает нормально на поле ввода, но не работает над Textarea. <код> <div ...

0  JQuery - Как два элемента - IMG - Div, когда наведите курсор на IMG Показать / Скрыть Div - добавлен с Hover Hote / Show на IMG AllReady  ( Jquery how two elements img div when hover over img show hide the div ad ) 
Я очень новый для удивления, который jQuery. И я просто выясняю, как сделать мои кнопки IMG показать / прятаться с разницей непрозрачности (как таковой) <...

0  Jquery value изменить жить  ( Jquery value change live ) 
Пожалуйста, обратитесь к этому HTML. <код> <input type="text" name="amount1" value="10" /> <input type="text" name="amount2" value="5" /> <input type="text"...

-1  Jquery первый раз попробовал ajax  ( Jquery first time tried ajax ) 
Это я впервые попробовал ajax, кнопку нажала, но ничего не произойдет, если это должно быть предупреждено, когда успех? Любой может помочь мне взглянуть, пожа...

Связанный проблема

0  Ошибка прокладывания слайдера jQuery: ... не удалось конвертировать аргумент JavaScript ARG 0 [NSIDOMHTMLanChorElement.appendChild] 
2  Как получить выделенные тексты? 
2  Scala.js: выбор и манипулирующий сгенерированный SVG 
0  Как вы делаете Div пойти по другому меню Div / NAV, которое не исправлено? 
0  jquery widget factory setoptions и setoption 
0  jQuery Validator Плагин и Радио кнопки Проблемы 
1  jquery адрес плагин 
1  Функция валидации угловых JS Возвращает до завершения вызова API для проверки 
0  jQuery - скрыть предметы, если окно недостаточно высокое 
0  Почему это работает над сафари и Firefox, но не на хроме? 
0  Обработчик событий не обнаруживается внутри $ (документ). Ready () [закрыто] 
2  Совет инструмента не работает на текстовой зоне Bootstrap 
0  JQuery - Как два элемента - IMG - Div, когда наведите курсор на IMG Показать / Скрыть Div - добавлен с Hover Hote / Show на IMG AllReady 
0  Jquery value изменить жить 
-1  Jquery первый раз попробовал ajax