Impostare il valore di un elemento <select> in D3?

Question

Come posso impostare il valore di un elemento <select> utilizzando D3.js?

sto cercando questo:

d3.select('#myselect').attr('value', 'France'); 

Ma non funziona.

JSFiddle qui: http://jsfiddle.net/06z9tnzs/

Answer 1

È necessario utilizzare proprietà invece di attr per impostare il valore.

d3.select('#myselect').property('value', 'France');

Dalla documentazione D3:

Alcuni elementi HTML hanno proprietà speciali che non sono indirizzabili utilizzando attributi standard o stili. Ad esempio, i campi di testo del modulo hanno una proprietà stringa di valore e le caselle di controllo hanno una proprietà booleana controllata. È possibile utilizzare l'operatore di proprietà per ottenere o impostare queste proprietà o qualsiasi altro campo indirizzabile sull'elemento sottostante, ad esempio className.

https://github.com/mbostock/d3/wiki/Selections#property

commenti di Albert sono anche per quanto riguarda il corretto JSFiddle manca il riferimento d3.js e non specificando solo l'ID di "myselect" sulla selezionare elemento.

Answer 2

Posso sbagliarmi, ma è perché non hai includere d3.js?

<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> 

Non riesco a vederlo nell'origine frame per qualche motivo. Inoltre, selezionare dovrebbe avere un id di myselect

<select> 
    <option value="England">England</option> 
    <option id = "myselect" value="France">France</option> 
    <option value="Italy">Italy</option> 
</select>