【WPF】给控件添加tips提示

效果图：

<StackPanel>

        <CheckBox>

            问题：什么情况下母猪会上树？

            <CheckBox.ToolTip>

                <StackPanel>

                    <Label FontWeight="Bold" Background="Blue" Foreground="White">答题方法</Label>

                    <TextBlock Padding="10" TextWrapping="WrapWithOverflow" Width="200">

                点开下拉箭头，选择答案后再点击“问题:”前方的方框，即可提交！

                    </TextBlock>

                    <Line Stroke="Black" StrokeThickness="1" X1="200"></Line>

                    <StackPanel Orientation="Horizontal">

                        <Image Source="1.jpg" Margin="2" Width="32" Height="32"/>

                        <Label FontWeight="Bold">Press F1 for more help.</Label>

                    </StackPanel>

                </StackPanel>

            </CheckBox.ToolTip>

        </CheckBox>

        <Expander Header="Check the Answer" ExpandDirection="Down">

            <StackPanel>

                <RadioButton>A.母猪变成猴子！</RadioButton>

                <RadioButton>B.世界本末倒置！</RadioButton>

                <RadioButton>C.树倒猢狲散！</RadioButton>

                <RadioButton>D.女人不爱钱了!</RadioButton>

            </StackPanel>

        </Expander>

    </StackPanel>

你的select中的option都没有value值啊，都些的空<option>标签中间的是显示的东西，而value才是值

<input name="tips" type="text" class="remarks" id="defined_remark" style="width:200px" maxlength="30" />

<select name="tips" id="tips" style="width:100pxmargin-left:10px" onChange="change(this.value)">

<option value="系统评语">系统评语</option>

<option value="A">A</option>

<option value="B">B</option>

</select>

<script>

function change(str){

document.getElementById("defined_remark").value=str

}

</script>

<!--JS代码放入HEAD区域-->

<script type="text/javascript">

function dropdown_over(obj,msg,evt){

createTips(obj,msg,evt)

}

function dropdown_out(obj){

removeTips(obj)

}

function createTips(obj,msg,evt){

var p = GetMouse(evt)

var $tips = document.createElement("span")

$tips.id = "tips_" + obj.id

$tips.innerHTML = msg

$tips.style.position = "absolute"

$tips.style.left = p.x+"px"

$tips.style.top = (p.y+16)+"px"

$tips.style.zIndex = 1001

$tips.style.border = "1px solid #666"

$tips.style.backgroundColor = "#FE0"

$tips.style.color = "#000"

$tips.style.fontSize = "10pt"

$tips.style.padding = "3px"

document.body.appendChild($tips)

}

function removeTips(obj){

var $tips = document.getElementById("tips_" + obj.id)

if($tips != null)

document.body.removeChild($tips)

}

function GetMouse(evt){

evt = evt||window.event

return pointer = {

x:evt.pageX || (evt.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft)),

y:evt.pageY || (evt.clientY + (document.documentElement.scrollTop || document.body.scrollTop ))

}

}

</script>

<!--BODY中调用-->

<select id="dropdown" onmouseover="dropdown_over(this,'提示信息',event)" onmouseout="dropdown_out(this)">

<option>001</option>

<option>002</option>

<option>003</option>

<option>004</option>

<option>005</option>

</select>

---