ドロップダウンメニューのオプションを無効にする - d3

Question

私はD3を初めて使っていて、いくつかの問題を開始しています。私は、ユーザーがそのオプションを選択することはできませんように「を選択してください」オプションを無効にする私のための方法があった場合、私は思っていた

var signal = d3.select('#signal_container'); 
var signalName = ["Please Select", "Temperature", "Pressure"]; 
var signalSelect = signal 
    .append('select') 
    .attr('class', 'select') 
    .attr('multiple', ''); 
var signalOptions = signalSelect 
    .selectAll('option') 
    .data(signalName).enter() 
    .append('option') 
    .text(function (d) { return d; }); 

以下のコードを使用してドロップダウンメニューを作成しましたか？あなたの助け

Answer 1

を事前に

おかげであなたは、そのオプションのプロパティdisabledを設定する必要があります。

これを行うにはいくつかの方法があります。この1は、eachを使用しています：

var signal = d3.select('body'); 
 
var signalName = ["Please Select", "Temperature", "Pressure"]; 
 
var signalSelect = signal 
 
    .append('select') 
 
    .attr('class', 'select') 
 
    .attr('multiple', ''); 
 
var signalOptions = signalSelect 
 
    .selectAll('option') 
 
    .data(signalName) 
 
    .enter() 
 
    .append('option') 
 
    .text(function(d) { 
 
    return d; 
 
    }) 
 
    .each(function(d) { 
 
    if (d === "Please Select") { 
 
     d3.select(this).property("disabled", true) 
 
    } 
 
    });

<script src="https://d3js.org/d3.v3.min.js"></script>