html select array 옵션에서 정보를 추출하는 방법은 무엇입니까?

Question

나는 다음과 같은

<select name="tablename"> 
    <option value="['one','two','three']">Option one</option> 
</select>  

같은 HTML 배열을 선택하고 옵션을 만들려고 해요 자바 스크립트

var myArray = new Array(); 

myArray[0] ="one"; 
myArray[1] ="two"; 
myArray[2] = "three"; 

option.value=myArray; 

하지만 난

var myArray2 = new Array(); 
myArray2 = $('select[name="tablename"]').val(); 
val=myArray2[0]; 

를 사용하여 그것에서 가치를하려고 할 때 아무 것도 반환하지 않았습니다 ... 무엇인가 잘못되었습니다

Answer 1

옵션 값 c 상점 문자열 만. 배열을 문자열 형식으로 저장하고 JS에서 파싱 할 수 있습니다. 예 :

<select name="tablename"> 
    <option value="['one','two','three']">Option one</option> 
</select> 

// JS 
var myArray2; 
myArray2 = $('select[name="tablename"]').val(); 
myArray2 = eval(myArray2); 
alert(myArray2[0]); 

근무 데모 : http://jsfiddle.net/kZape/

Answer 2

먼저 마크 업을 편집 할 수 있습니다.

<option value="[one,two,three]">Option one</option> 

옵션 태그의 값을 가져옵니다.

v = $('option').val(); 

'v'는 문자열 개체에 "[1, 2, 3]"이됩니다.

v = v.slice(1, -1); 

다음, 그것은 "하나, 둘, 셋" 지금

yourArray = v.split(','); 

마침내 당신이 yourArray를 얻을, 그것을 분할이다 "하나", "둘", "세"]
:)

Answer 3

내가 정확하게 뭘 원하는지 잘 모르겠지만, 당신은 하나의 OPTION으로 배열 ["one","two","three"]를 저장하고 자바 스크립트에서이 배열을 읽으려면, 당신은 다음에 수행 할 수 있습니다

HTML :

<select name="tablename"> 
    <!-- IMPORTANT COMMENT: use single quotes for value='' and double quoutes for values in array --> 
    <option value='["one","two","three"]'>Option one</option> 
</select> 

jQuery를 :

// reading array from OPTION 
var myArray2 = jQuery.parseJSON($('select[name="tablename"]').val()); 
// myArray2 now is an javascript Array 
console.info(myArray2); 

UPDATE :

당신은 문자열로 배열로 변환 한 후 HTML을 옵션으로 저장하거나 SELECT 네이티브 자바 스크립트 JSON 객체의 방법을 사용할 수 있습니다

값; http://msdn.microsoft.com/en-us/library/cc836458%28v=VS.94%29.aspx 및 MDN에서 :

// store Array into OPTION value 
myOption.value = JSON.stringify(["one","two","three"]); 

// read Array from SELECT value from your example 
var newArray = JSON.parse($('select[name="tablename"]').val()); 

MSDN에 JSON.parse() 및 JSON.stringify aboute 더 읽기 : https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/JSON

을 (당신이 IE 버전보다 8을 지원할 필요가있는 경우 ) 또는 옵션의 값을 변환하거나 배열로 선택하는 방법